No color_thresholds unless hovering

[sciurius]

I have this graph:

      - type: custom:mini-graph-card
        hours_to_show: 4
        graph: line
        points_per_hour: 60
        hour24: true
        font_size: 75
        line_width: 2
        show:
          legend: false
          labels: true
        color_thresholds:
          - value: 0
            color: "#00ff00"
          - value: 60
            color: "#ff0000"
        entities:
          - entity: sensor.ithocve_fan_speed_status
            name: Afzuiging
            y_axis: secondary
            color: blue
            show_points: false
            show_line: false
          - entity: sensor.ithocve_humidity
            name: Vochtigheid
        name: Afzuiging (4 uur)

Problem is that the threshold colors do not show (upper picture) unless I hover over it (lower picture). What am I doing wrong?

[ildar170975]

Just curious - what happens if color_thresholds_transition: hard is added?

[sciurius]

(I lowered the threshold to 55 for this example)

[Jc2k]

I have the same. For me, greens were coming out as greys unless i hovered over them. color_thresholds_transition: hard fixes it. Firefox 103, on macOS.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. If this is still an active issue, please let us know!