Lovelace: mini graph card

[DGAzr]

D’oh! Thanks for that, I had updated the HACS card, but there was another button to “install” or “deploy” or something like that which I failed to notice at first!

Thanks for putting me straight!

[binaryMind]

Fantastic addon! I really love how smooth and well everything looks, and it has so much configuration options I have one question that documentation was not able to answer (from my searches). Is it possible to disable title/name change when hovering over measure points? Here is quick example:

I manually assign title of the card/graph but it changes to the sensor name when hovering over data points. I know that that might be the desired behavior but still I would prefer to have control over it and disable this function if possible. Any ideas are welcome

[Neoc83]

@binaryMind

Is it possible to disable title/name change when hovering over measure points?
…
Any ideas are welcome

Try to use the same name for your card and your entity:

- type: custom:mini-graph-card
  name: Air Purifier Pro
  entities:
  - entity: sensor.home_aqi
    name: Air Purifier Pro
    ...

[binaryMind]

@Neoc83

Try to use the same name for your card and your entity:

- type: custom:mini-graph-card
  name: Air Purifier Pro
  entities:
  - entity: sensor.home_aqi
    name: Air Purifier Pro
    ...

Maaan! It works! I can’t imagine I didn’t think about something as simple as this:) Thank you

[binaryMind]

There is one flaw. When you show two entities like so:

you can’t actually name both the same way

[daphatty]

Anyone else seeing Attempted to assign to readonly property errors? I’ve been having these since updating to the new version of the card. Error was occurring on 0.107.7 and 0.108.0.

[kalkih (Karl Kihlström)]

A few posts up

@DGAzr

Lately though, it gives me this error:

Cannot assign to read only property '0' of object '[object Array]'

I can resolve the error by removing all but one of the color_thresholds: members.

Any idea what I’m doing wrong?

Update the card, HA 0.106.0 introduced a breaking change.

[myle (StePhan McKillen (Other kiwi Here))]

Hay bro

how you make this card bit

[kalkih (Karl Kihlström)]

kalkih/simple-weather-card

[uspino]

I’m trying to squeeze the card’s height a little bit but the graph gets an unwanted padding (it doesn’t reach left and right margins anymore). Any help? Here’s the before and after, and the code I’m using:

!

color_thresholds_transition: smooth
entities:
  - entity: sensor.pool
    index: 0
    name: Temp
  - entity: sensor.phlevel
    index: 1
    show_state: true
    y_axis: secondary
font_size: 105
hour24: true
hours_to_show: 24
icon: 'mdi:pool'
line_color:
  - orange
  - blue
line_width: 12
name: Pool Temp / pH
show:
  extrema: true
style: |
  ha-card {
    height: 220px !important;
  }
type: 'custom:mini-graph-card'

[akifbayram]

entity: weather.dark_sky
name: ' '
primary_info:
  - humidity
  - extrema
secondary_info:
  - precipitation
  - wind_speed
type: 'custom:simple-weather-card'

[Ralf]

Hello,

one question: i integrated the mini-graph-card into ressources.
Then added a manual card by Lovelace UI with the following config:

color_thresholds:
  - color: '#FFFF00'
    value: 25
  - color: '#3498db'
    value: 0
entities:
  - sensor.speedtest_ping
fill: true
font_size: 70
graph: bar
height: 20
hours_to_show: 72
line_width: 3
points_per_hour: 1
show: null
type: 'custom:mini-graph-card'

But it still shows a line, so the graph: bar line seems to be ignored.

I am doing s.th. wrong here?

/ Ralf

[1v0dev (Ivo)]

Since the update to 108 some of my mini graph cards don’t display the actual graph lines at the first ui load. I have to switch to another page and back (for example Configuration page and then back to the dashboard) in order for the graph lines to appear, otherwise the cards remain blank. Any ideas what may cause this? It worked fine on 107 and I have not changed anything.

[1v0dev (Ivo)]

In order to display a bar graph you need to put the config under show element like this:

show:
  graph: bar

[Ralf]

@1v0dev

show: graph: bar

Thanks for the quick help.
Indeed missed the ‘show:’ part - stupid fro me.

Thanks, Ralf

[jimpower]

@kalkih Is there a way with Card-Mod to move the position of the graph?

I wish to make the card size really small and move the graph element towards the top of the card as much as posible.

[binaryMind]

@binaryMind

There is one flaw. When you show two entities like so:

you can’t actually name both the same way

Strange to quote myself…but I didn’t get an answer for multiple senors. Is there a way to make the title not change on mouse over? Because I can’t name both sensors the same way as was suggested (and what actually works).

[mat44150 (mat)]

Hi,
I have troubles displaying properly the mini graphs on my Samsung Tab S2 tablet as shown on the picture below and this video screenshot :

I have this issue only with this tablet, using either the official android app or chrome browser. The tablet becomes extremely sluggish when it tries to display those graphs, even when I try to pull down the control/notification center. This tablet isn’t particularly slow for other apps, and I don’t have such issues with a much older Xperia Z phone (2013).
Has anyone noticed this issue before ? Is there something to do to help it display those graphs properly ?
Thanks !

[jncanches (jn)]

Thanks for this wonderful card
It’s a real pleasure to monitor temperature, humidity, pool water temperature etc on a wall mounted tablets ! Very nice !

I have a request. As we can display a secondary graph with its own scale (using y_axis), is it possible to have a color_thresholds_secondary ?
I have different thresholds for different types of sensors, but when I display, let’s say a temperature and a humidity sensor on the same graph, color_thresholds cannot be used because it will not be suited for one of them…

Thanks you again @kalkih

[thecem]

@akifbayram

vertical-stack-in-card

Could you post your config Dining? thx