Lovelace: mini graph card

Share your Projects! Dashboards & Frontend
42

I just found this and like someone else said higher up, it is a very sexy card.
Thank you!

Can I suggest that it displays max and min values if that is possible. No worries if not, it is just a thought.

43

I suggest you make a seperate topic about these issues, I think you’ll have a higher chance of getting help that way.

I’m not updating this custom version of the card anymore, you could make a request to have this implemented in the official Sensor Card

44

How did I miss that?! (the official card)
Sorry


45

My bad, I should clarify this in the main post :wink:

1 Like
46

ok. Friend

47

Great card, but I get a strange error using safari. On the Android webbrowser it does seem to work. What do I do wrong?

57
571054×698 36.7 KB

48


and since I can only upload one file per post. This is how it looks Android.
Screenshot_20181106-214901

1 Like
49

Should work on Safari, just tested on both my Mac and iPhone (running latest safari).
Try:

Or you could try using the sensor card instead.

50

Any chance to have 1 graph and 4 different inputs shown on it? SO 1 graph showing history from 4 sensors?

51

Nice card!
But: I have a problem.
image
As you can see in the image, the name is partly hidden behind the graph.
My config is like this:
- type: entities
entities:
- entity: sensor.aeotec_zw100_multisensor_6_temperature
name: Vaskerom
type: custom:mini-graph-card
height: 150
What am I doing wrong?

52

why don’t you switch to the sensor card? It’s an updated version of this card.

53

Also, what you’re doing “wrong” is adding a graph height. That’s cutting into your name. Just remove height all together as the normal configuration works perfect. It’s not “wrong” either, I just didn’t know how to phrase it.

54

Because I’m just starting with lovelace, so I don’t have the necessary overview yet

Thank you!

55

This has a list of current cards and their configs. Take a look, it will help you decide what you want to use.

https://home-assistant-lovelace-gallery.netlify.com/

documentation for all the cards are here (on the sidebar)

56

Seems to be an issue when nesting the mini-graph-card inside an entities card. It will work better if you put the mini-media-graphoutside of the entities card.

The height option is a valid option and is not the cause of this issue, see the cause above.

1 Like
57

Good to know. I was making a guess based on past experiences.

1 Like
58

It helped! Thanks!

1 Like
59

I’m using the sensor card now. But it doesn’t support the font_size, labels and hide_icon properties as far as I can see.
How then, can sensor be an updated version of the mini-graph-card?
Maybe I should go back to it wihle waiting for sensor to be a real upgrade?

60

Actually the Sensor card is not really an updated version of this custom card. Logic wise they are both pretty much the same, with the custom card including some additional options and features.
Lately I’ve been using this custom card as kind of an experimental/beta before adding things to the core Sensor card.

If there is anything in particular you would like to see added to the core Sensor card please let me know.

61

Ok.
Since you ask for it, here’s my wish list for sensor:
font_size
hide_icon
labels
They’re all very useful when creating a lovelace page for small devices.
One problem:
When I went back to mini-graph-card, I got this:
image
The Stue graph disappeared!
When I use sensor, it’s visible.
My cards definition:

    cards:
      - type: custom:mini-graph-card
        name: Stue
        height: 70
        line_width: 10
        font_size: 60
        hide_icon: true
        labels: true
        entity: sensor.stue_temperatur
      - type: custom:mini-graph-card
        name: Arbeidsrom
        hide_icon: true
        line_width: 10
        labels: true
        height: 70
        font_size: 60
        entity: sensor.arbeidsrom_temperatur