Lovelace: mini graph card

Make sure you are grabbing the raw version of the files from Github

1 Like

yes I solved…thanks!!

Hi friends.

I can’t showing the line of graph.

configuration.yaml

javascript_version: latest

climate:
 - platform: generic_thermostat
   name: termometro_acuario
   heater: switch.enchufe_termometro_acuario
   target_sensor: sensor.temperature
   ac_mode: true
   max_temp: 35
   target_temp: 26.5
   cold_tolerance: 0.5
   keep_alive:
  minutes: 3
   initial_operation_mode: "off"

ui.lovelace.yaml

  • id: graph temperature
    type: history-graph
    title: ‘My Graph’
    entities:
    • sensor.temperature
  • id: graph_tempera
    type: sensor
    entity: sensor.temperature
    name: Illumination
    height: 75
    line_color: “#3498db
    graph: “line”
  • id: graph_tempera
    type: “custom:mini-graph-card”
    entity: sensor.temperature
    height: 100
    line_width: 4
    font_size: 75
    color: ‘#3498db

I used three methods but you do not see any.

thanks for your help

Just curious, what is the difference between this one and the builtin lovelace sensor card?
I’m simply loking for what it brings more to decde if I try it.
Thanks (sorry in advance if it’s obvious…

1 Like

the last two are from lovelace.
The first is the sensor card and the second is what I saw in this post that includes an external js

I just see this error:
GET http://xxxxxxxr:8123/api/history/period/2018-10-27T23:51:13.265Z?filter_entity_id=sensor.temperature&end_time=2018-11-03T23:51:13.265Z 404 (Not Found)

Looks like there is no history available for the sensor named sensor.temperature.

Make sure you have history enabled and working.

Great question. Not much actually, since first releasing this custom card I’ve contributed it to the HA core and it’s now available as the sensor card with Home Assistant 0.80.0 and later.

The main differences are

  • The official sensor card is missing some options, like hide_icon , line_value_above , line_color_above & below
  • The custom card depends on an externally loaded dependency
  • The custom card can be used in HA < 0.80.0

Also, this card is more accessible to modify and customize compared to the official card imo, since you don’t have to rebuild the frontend.

I would recommend using the official card if possible.

I should probably update the main post to clarify this at some point…

1 Like

now I configured this:

api:

recorder:
  purge_keep_days: 5
  db_url: mysql://xx:[email protected]/history_home?charset=utf8
  include:
    entities:
     - sensor.temperature

history:
  include:
    entities:
     - sensor.temperature

logbook:

map:

Platform cast not ready yet. Retrying in 30 seconds.

17:30 helpers/entity_platform.py (WARNING)

Setup of platform cast is taking over 10 seconds.

17:30 util/async_.py (WARNING)

Setup of platform yweather is taking over 10 seconds.

17:30 util/async_.py (WARNING)

No previously saved temperature, setting to 26.5

17:29 components/climate/generic_thermostat.py (WARNING)

Setup failed for logbook: Could not set up all dependencies.

17:29 setup.py (ERROR)

Unable to set up dependencies of logbook. Setup failed for dependencies: recorder

17:29 setup.py (ERROR)

Template sensor iframe has no entity ids configured to track nor were we able to extract the entities to track from the value template(s). This entity will only be able to be updated manually.

17:29 components/sensor/template.py (WARNING)

Setup failed for history: Could not set up all dependencies.

17:29 setup.py (ERROR)

Unable to set up dependencies of history. Setup failed for dependencies: recorder

17:29 setup.py (ERROR)

Setup failed for recorder: Component failed to initialize.

17:29 setup.py (ERROR)

Error during connection setup: No module named ‘_sqlite3’ (retrying in 3 seconds)

17:29 components/recorder/init.py (ERROR)

Error during connection setup: No module named ‘_sqlite3’ (retrying in 3 seconds)

17:29 components/recorder/init.py (ERROR)

Error during connection setup: No module named ‘_sqlite3’ (retrying in 3 seconds)

17:29 components/recorder/init.py (ERROR)

Error during connection setup: No module named ‘_sqlite3’ (retrying in 3 seconds)

17:29 components/recorder/init.py (ERROR)

Error during connection setup: No module named ‘_sqlite3’ (retrying in 3 seconds)

17:29 components/recorder/init.py (ERROR)

Error during connection setup: No module named ‘_sqlite3’ (retrying in 3 seconds)

17:29 components/recorder/init.py (ERROR)

Setup of recorder is taking over 10 seconds.

17:29 util/async_.py (WARNING)

Error during connection setup: No module named ‘_sqlite3’ (retrying in 3 seconds)

17:29 components/recorder/init.py (ERROR)

Error during connection setup: No module named ‘_sqlite3’ (retrying in 3 seconds)

17:29 components/recorder/init.py (ERROR)

Error during connection setup: No module named ‘_sqlite3’ (retrying in 3 seconds)

17:29 components/recorder/init.py (ERROR)

Error during connection setup: No module named ‘_sqlite3’ (retrying in 3 seconds)

17:29 components/recorder/init.py (ERROR)

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.

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

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

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

1 Like

ok. Friend

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

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

1 Like

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.

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

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?

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

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.

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