color_threshold missing since v2.1.2

[bwduncan]

Checklist

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

Describe the bug Experimental color_threshold is not being rendered, graphs just come out grey.

Version of the card Version: 2.1.2

To Reproduce This is the configuration I used:

type: custom:apexcharts-card
experimental:
  color_threshold: true
header:
  show: true
  title: Next agile rates
stacked: false
graph_span: 23h
span:
  start: day
  offset: +24h
series:
  - entity: event.octopus_energy_electricity_REDACTED_next_day_rates
    type: column
    curve: stepline
    name: p/kWh
    group_by:
      func: first
      duration: 5m
    extend_to: false
    stroke_width: 3
    show:
      extremas: time
    color_threshold:
      - value: -100
        color: cyan
      - value: 0
        color: green
      - value: 20
        color: orange
      - value: 30
        color: red
      - value: 40
        color: purple
    data_generator: |
      return entity.attributes.rates.map((entry) => {
         return [new Date(entry.start), entry.value_inc_vat*100];
       });

Screenshots

Expected behavior Until this week, when I upgraded to HA 2024.7.2 and apexcharts v2.1.2 the columns were coloured according to the thresholds, now they are all grey.

Desktop (please complete the following information):

• Browser Firefox (Linux)
• Version 127

Smartphone (please complete the following information):

• Device: Samsung
• OS: Android 14
• Browser Firefox
• Version 128

Additional context The headers appear to be coloured correctly as the entity state changes over the day, but the chart remains grey.

[bjornbak]

I experience the same. My charts also lost their colors:

[arsenicks]

Same here, adding another screenshot, sorry I'm on mobile.

[bwduncan]

And just to confirm, reverting to version v2.0.4 fixes the issue and colours are shown according to the thresholds again. v2.1.0 and (unsurprisingly) v2.1.1 both have the bug. I've looked at the changelog for v2.1.0 and can't see any obvious commits that would be worth me looking more closely at.

Sorry I'm not a js person so that's the extent of my debugging ability!

[knurrdog]

btw: only column-charts are affected. When you use "type: line" color_threshold is working.

[MCBrakel]

+1 on this issue for column charts.

[timdreier]

+1

[Chacsam]

same issue here according to this comment on the HA forum it seems that a gray border has been added to the bars and covers the original color.