Color_threshold missing parts & incorrect colouring

[davyvr]

Checklist

• [X] I updated the card to the latest version available
• [X] I cleared the cache of my browser
• [ ] I verified that I'm really running the latest version in my browser console (no idea how to do this, sorry...)
• [X] I checked if there is another issue opened with the same problem (not 100% sure, I hope I didn't miss it)

Describe the bug On a graph with 2 lines on it, the one with color_threshold function has missing parts and color coding is not correct. This behaviour disappears when the second line is removed.

Version of the card Version: 2.0.4

To Reproduce This is the configuration I used: type: custom:apexcharts-card experimental: color_threshold: true graph_span: 24h show: last_updated: true header: standard_format: false show: true show_states: true colorize_states: true yaxis:

• id: temp decimals: 1 min: '|-2|' max: '|+2|' apex_config: tickAmount: 4 series:
• entity: sensor.slaapkamer_climatecontrol_room_temperature type: line name: Temperatuur stroke_width: 3 fill_raw: last yaxis_id: temp show: header_color_threshold: true color_threshold:
  • value: 17 color: deepskyblue
  • value: 21 color: limegreen
  • value: 26 color: orange
  • value: 30 color: red
• entity: sensor.slaapkamer_setpoint type: line color: magenta name: Setpunt stroke_width: 3 fill_raw: last yaxis_id: temp show: header_color_threshold: true

Screenshots Two lines, one of them missing parts:

One line, correct:

Expected behavior No missing parts in graph, colour coding correct

Desktop (please complete the following information):

• Browser Firefox
• Version 125.0.3

Smartphone (please complete the following information):

• Device: Samsung S21
• OS: One UI 6.0
• Browser Home Assistant app, so not sure, I suppose Chrome
• Version: 124.0.6367.113 (Chrome)

Additional context /

[davyvr]

My apologies, after a restart of Home Assistant it seems to be working. Probably didn't have the latest version running.