Lovelace: mini graph card

Share your Projects! Dashboards & Frontend
1176

Yes. Both will work for now but I believe from 107 it needs to be hacsfiles. This is for all cards you install with HACS

1177

Thanks, and we need also to rename the folder from “community” to “hacsfiles” into ui-lovelace.yaml?

1178

Yes.

1179

HACS renamed both of those without me needing to do anything

1180

No no no no no no NO :slight_smile:

  1. HACS is off topic here :slightly_smiling_face:
  2. Do NOT change/rename any folders!
  3. https://hacs.xyz/docs/categories/plugins#custom-view-hacsfiles should have all you need to know.
  4. 107 will start printing a deprecation warning for “community_plugin”, but it will still work. (will probably work until HACS is at v1)
2 Likes
1181

Oops.Thought he meant in the resources section. Sorry.

1182

First of all thanks for a fantastic card.

I’m looking to graph boiler status and overlay night/day using a secondary y axis. Can you use multiple state maps where you have two sets of non-numerical (but different) data?

1183

Thanks.
No currently not possible, I started working on making state map axis based, so you could have one for the primary axis and one for the secondary, but I’ve not finished the code.
https://github.com/kalkih/mini-graph-card/commit/822d3f529ab76ba58c72916dc3a0041dda8f2a14

1184

Sorry if this has already been asked, but i searched this topic and found nothing.
Does anyone know how to adjust the Header to the default core card headers?
20200310_12:55:37_001
20200310_12:58:25_001
I tried the font_size_header, but have absolutely no clue for the padding and (most important) the text color.

type: 'custom:mini-graph-card'
name: Mini Graph Header
font_size_header: 19
entities:
  - sensor.weather_temperature

Thanks in advance!

1185

You should look at card-mod for that:

1 Like
1186

And submit a feature request.

1187

Thanks and sorry that i don’t mentioned card-mod. I already know that, but this is rocket science for me. :upside_down_face:

1188

Using card-mod, adjust the padding on the mini graph header. Gotta find out the control name by using dev tools. You want to make the purple areas match essentially.

1189 
type: 'custom:mini-graph-card'
name: Mini Graph Header
entities:
  - sensor.weather_temperature
style: |
  ha-card > div:first-child {
    padding: 0px 0px 0px 0px  !important;

  }
  .name > span {
    color: green;
    font-size:22px !important;
  }
1 Like
1190

Thanks so much @olijouve.
One little thing, the white text seems to be grey in the header, but i’m happy for now. :+1:

20200310_15:50:50_001
20200310_15:50:50_001824×49 3.45 KB

style: |
  ha-card > div:first-child {
    padding: 10px 10px 10px 16px  !important;
  }
  .name > span {
    color: white;
    font-size:22px !important;
  }
1191 
style: |
  ha-card > div:first-child {
    padding: 10px 10px 10px 16px  !important;
  }
  .name > span {
    color: white;
    font-size:22px !important;
    opacity: 1;
  }
2 Likes
1192

Magic!
Thanks once again, now i learned and have something to play with.

  .name > span {
    color: white;
    font-size:22px !important;
    opacity: 1 !important;
  }

Works!

1193

Thinking further I believe there might be a work around. There was another request to define a specific numeric value to map to in the state map. If this was implemented I could then map different states from the different sensors into the same range.
e.g. A,B,C maps to 1,2,3 and then J and K maps to 1 and 3.

1194

You’re welcome.

1195

Hi, I have an issue with having 3 sensors in one card
image
The relation between recovered and confirmed is drawed completely wrong.
Here is my config:

entities:
  - entity: sensor.germany_coronavirus_confirmed
    name: confirmed
  - entity: sensor.germany_coronavirus_recovered
    name: recovered
    y_axis: secondary
  - entity: sensor.germany_coronavirus_deaths
    name: death
hour24: true
hours_to_show: 168
line_width: 2
name: COVID-19 Statistic
points_per_hour: 0.5
schow_icon: false
show:
  icon: false
  labels: true
  labels_secondary: true
  points: false
  state: true
smoothing: true
type: 'custom:mini-graph-card'

Is anything wrong?
When I delete the y_axis option, then the bue line moves to the bottom without showing any change:
image