Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Shared tooltip only works until first refresh #821

Open
4 tasks done
Grizzler89 opened this issue Nov 30, 2024 · 1 comment
Open
4 tasks done

Shared tooltip only works until first refresh #821

Grizzler89 opened this issue Nov 30, 2024 · 1 comment
Labels
bug Something isn't working

Comments

@Grizzler89
Copy link

Checklist

  • I updated the card to the latest version available
  • I cleared the cache of my browser
  • I verified that I'm really running the lastest version in my browser console
  • I checked if there is another issue opened with the same problem

Describe the bug
I have some temperature sensors that I want to display on a graph. On mouseover, I want to see all the values for the selected time in the tooltip. However, this only works until the next auto-refresh. After that, only one value is shown in the tooltip.

This issue only occurs in live mode. When I switch to edit mode, everything works as expected, even after new values are loaded.

Once it breaks in live mode, it remains broken in live mode until I delete the website data. In edit mode, however, it continues to work without any issues.

Version of the card
Version: 2.1.2, also tested with 2.0.4, same result

To Reproduce
This is the configuration I used:

type: custom:apexcharts-card
graph_span: 6h
apex_config:
  chart:
    height: 200
  legend:
    show: true
    position: right
  tooltip:
    shared: true
    style:
      fontSize: 11px
    fixed:
      enabled: true
      position: Left
  xaxis:
    tooltip:
      enabled: false
header:
  show: true
  title: Temperatur
all_series_config:
  group_by:
    func: last
    fill: last
    duration: 60s
  stroke_width: 1
series:
  - entity: sensor.dg_schreibtisch_tempsensor_temperature
    name: Schreibtisch
  - entity: sensor.somneo_temperature
    name: Bett
  - entity: sensor.dg_bett_tempsensor_temperature
    name: Unter Bett
  - entity: sensor.og_tobiastreppe_tempsensor_temperature
    name: Treppe
  - entity: sensor.dg_nebenzimmer_tempsensor_temperature
    name: Nebenzimmer

Screenshots
After it breaks:
firefox_cgCazAcs8E

In Editmode:
firefox_SiCm67i1kY

Desktop

  • Browser: Windows 11, FF, Edge, Vivaldi (latest stable versions)

Smartphone

  • Device: Sony Xperia 1 V | Android 14
  • APP: Home Assistant APP (latest)
  • APP: FireFox (latest)
@Grizzler89 Grizzler89 added the bug Something isn't working label Nov 30, 2024
@Doorshifter
Copy link

I have the same problem.

The UI editor shows all time-series in the tool tip.
After closing the browser windows also shows all time- series in the tooltip.

after refreshing the page all drops back to standaard behavior, which is single nearest to the cursor time-series in the tooltip.

Browsers used:
Safari Version 18.2 (20620.1.16.11.8)
Brave Version 1.73.101 Chromium: 131.0.6778.139 (Official Build) (x86_64)

OS used:
MacOS 15.2 (24C101)

I redownloaded (latest version = 2.1.2) and reloaded the integration. > no difference in behavior.

Emptying the browser cache via the development menu doesn't bring back the all time-series behavior, which feels a bit like initialization(over writing?), race condition

after performing all of the above I found this in my system log of which I am not sure if this is related. I the front end didd not show any errors while editing the graphs in that period.

Looks like a mismatch between versions of the wrapper and the counterpart.

Logger: frontend.js.modern.202411278
Source: components/system_log/init.py:331
First occurred: 12:19:05 (87 occurrences)
Last logged: 12:19:43

Uncaught error from Safari 18.2 on Mac OS 10.15.7 TypeError: b is not a function. (In 'b({ctx:this.ctx,series:n.globals.series,seriesIndex:t,dataPointIndex:o,y1:i,y2:a,w:n})', 'b' is "undefined") value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1220304) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1213010) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1254159) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1251103) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1250619) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1248639) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1247301) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1246759) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1245995)
Uncaught error from Safari 18.2 on Mac OS 10.15.7 TypeError: b is not a function. (In 'b({ctx:this.ctx,series:n.globals.series,seriesIndex:t,dataPointIndex:o,y1:i,y2:a,w:n})', 'b' is "undefined") value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1220304) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1213010) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1254159) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1251103) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1250619) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1248639) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1247301) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1246759) /hacsfiles/apexcharts-card/apexcharts-card.js:1:1246100
Uncaught error from Safari 18.2 on Mac OS 10.15.7 TypeError: b is not a function. (In 'b({ctx:this.ctx,series:n.globals.series,seriesIndex:t,dataPointIndex:o,y1:i,y2:a,w:n})', 'b' is "undefined") value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1220304) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1213010) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1254712) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1251137) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1250619) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1248639) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1247301) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1246759) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1245995)
Uncaught error from Safari 18.2 on Mac OS 10.15.7 TypeError: b is not a function. (In 'b({ctx:this.ctx,series:n.globals.series,seriesIndex:t,dataPointIndex:o,y1:i,y2:a,w:n})', 'b' is "undefined") value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1220304) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1213010) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1254712) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1251137) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1250619) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1248639) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1247301) value (/hacsfiles/apexcharts-card/apexcharts-card.js:1:1246759) /hacsfiles/apexcharts-card/apexcharts-card.js:1:1246100

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants