Color_threshold error

Configuration Frontend
1

I want the bar to show different colors depending on the values, but for example now I have a low value, that is, it should look red and it should look orange.

what am I doing wrong?

ss

type: custom:apexcharts-card
graph_span: 30d
span:
  end: day
header:
  show: true
  title: Pasos Diarios
  show_states: true
  colorize_states: true
series:
  - entity: sensor.pasosdiarios
    name: Diarios
    type: column
    yaxis_id: izq
    unit: ' Pasos'
    color_threshold:
      - value: 0
        color: red
      - value: 5000
        color: orange
      - value: 7500
        color: yellow
      - value: 10000
        color: lightgreen
      - value: 12500
        color: darkgreen
    group_by:
      func: last
      duration: 1d
    show:
      extremas: true
2

You also need this:

experimental:
  color_threshold: true

At the top level, not under the series config.

1 Like
3

Is the number still orange?

Sin título-2

4

Yeah, you can’t apply threshold colours to that. You can only change it to one colour.

series:
  - entity: sensor.pasosdiarios
    name: Diarios
    color: rgb(127,127,127)
    type: column
    yaxis_id: izq
    unit: ' Pasos'
    color_threshold:
      - value: 0 etc...
1 Like