RomRider / apexcharts-card

📈 A Lovelace card to display advanced graphs and charts based on ApexChartsJS for Home Assistant
MIT License
1.08k stars 75 forks source link

Mouse hover tooltip does not correspond with position of mouse #717

Open obiphi opened 2 weeks ago

obiphi commented 2 weeks ago

Checklist

Describe the bug The hover tooltip of the graph does not correspond with the position of the mouse. Here's a demonstration:

apexcharts-card-hover-issues

Version of the card Version: 2.0.4

To Reproduce This is the configuration I used:

type: custom:apexcharts-card
header:
  show: true
  title: Motion Last 12 hours
update_delay: 3s
update_interval: 1min
graph_span: 12h
yaxis:
  - show: false
    apex_config:
      tickAmount: 1
apex_config:
  chart:
    height: 150px
all_series_config:
  transform: 'return x === ''on'' ? 1 : 0;'
  type: column
  stroke_width: 1
  show:
    legend_value: false
series:
  - entity: binary_sensor.visonic_z01
    name: Front door
  - entity: binary_sensor.visonic_z02
    name: Kitchen
  - entity: binary_sensor.visonic_z03
    name: Lounge
  - entity: binary_sensor.visonic_z04
    name: Kitchen back door
  - entity: binary_sensor.visonic_z05
    name: Playroom
  - entity: binary_sensor.front_camera_person
    name: Drive
  - entity: binary_sensor.back_camera_person
    name: Garden

Screenshots As above

Expected behavior The position of the tooltip should line up with the position of the mouse, and describe what is under the mouse pointer

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context None

RomRider commented 1 week ago

That's an issue with the apexcharts library. There's not much I can do about it, but you can try the latest beta as I've updated it to the latest version.