UI card - Graph line with limit line?

Configuration
1

limit
Anyone that have solved this?
Should I add a sensor (fake) and set a value to max?

Appreciate any directions.

Below code did not do the tricks

type: sensor
graph: line
min: 0
max: 100
severity:
  green: 0
  yellow: 69
  red: 75
theme: default
name: Fukt Vind
entity: sensor.vind_humidity
detail: 3
hours_to_show: 48
2

Check out this custom card. It supports severity colours (scroll way down for the example).

1 Like
3

Sorry new to this :thinking:

How do I set this up? I don’t have a ui-lovelace.yaml?
1.Do I just create one?
2. Add the resource to that file?

resources:
  - url: /local/mini-graph-card-bundle.js?v=0.3.0
    type: module

3.Download mini-graph-card-bundle.js to config/www
4.Put the card option in ui-lovelace.yaml or /config/.storage/lovelace?

- type: custom:mini-graph-card
  entities:
    - sensor.sensor_temperature
  show:
    labels: true
  color_thresholds:
    - value: 20
      color: "#f39c12"
    - value: 21
      color: "#d35400"
    - value: 21.5
      color: "#c0392b"
4

Solved by below link

5

No. Use the RAW editor. Click the three dots icon upper right twice (once for Configure UI, next for RAW editor).

Paste the resources yaml code at the top of the raw editor and save.

Use the (+) button lower right to add a manual card (bottom right of the card selector pop-up).

Put your card config in this, save and close the confugre UI editor (X top left of main window).

EDIT: Bah! Too slow :slight_smile:

1 Like
6

Thank!
All good! Nice Panel!:+1:

type: 'custom:mini-graph-card'
entities:
  - sensor.vind_humidity
show:
  labels: true
color_thresholds:
  - value: 69
    color: '#f39c12'
  - value: 70
    color: '#d35400'
  - value: 75
    color: '#c0392b'