Mini-graph color transition

Configuration Frontend
1

Hello,

I am new to mini-graph, and I couldn’t find any answers.
I am trying to setup color_thresholds, but the mode “color_thresholds_transition: smooth” doesn’t do anything.

when moving to “hard” I see the colors applied.

any suggestions on how to get the smooth mode working?

Many thanks

2
  1. Suggest to ask questions related to mini-graph-card in the dedicated thread.
  2. In short (further discussion is supposed to be continues in that thread): if you see “hard” transitions - means that “soft” ones work too but it is less visible.
3

thanks for the reply, I will post in the appropriate thread.
the “soft” option looks the same as “hard”
I also find that I can’t change the style of the card, styling parameters don’t seem to have an effect.

4

Here is how I use my mini-graph.
I have thresholds between 10 000 to 100 000, so I won’t post all the code. But you get the idea.

- type: custom:mini-graph-card
        icon: mdi:xxxx # your choice of icon
        entities:
          - entity: sensor.xxxx # your sensor
        point_per_hour: 1
        hours_to_show: 168
        points_per_hour: 1
        line_width: 2
        name: last 7 days
        cache: enable
        font_size: 75
        font_size_header: 14
        show:
          name: false
          icon: false
          points: false
          extrema: false
          state: false
          fill: fade
          graph: line
          legend: true
          label: true
        color_thresholds:
          - value: 10000
            color: '#0010FF'
          - value: 15000
            color: '#0024FF'
          - value: 20000
            color: '#0048FF'
5

Please post your current configuration so we know what we’re working with

6

good point, here is the config I am using

 - type: custom:mini-graph-card
    entities:
      - sensor.0x00158d0006a03511_temperature
    show:
      state: false
      name: false
      icon: false
    color_thresholds_transition: smooth
    color_thresholds:
      - value: 0
        color: '#3154AC'
      - value: 16
        color: '#6AACD9'
      - value: 18
        color: '#75D89A'
      - value: 20
        color: '#35B840'
      - value: 22
        color: '#FF6600'
      - value: 26
        color: '#FF0000'
      - value: 30
        color: '#FF69B4'
    points_per_hour: 1
    hours_to_show: 48
7

Answered in the dedicated min-graph-card thread.
In short: “lower_bound” which is always < possible values.