Lovelace: mini graph card

[VDRainer]

@klogg

Is there any chance that fire-dom-event will ever be supported as a tap-action on this card?

It is!

Support action `fire-dom-event`

[klogg]

Oh.
I thought I tried and it didn’t work and as far as I can see it is not in the docs so I assumed it hadn’t been added to the card.

I must have configured it wrongly… I’ll try again.
Thanks!

---

EDIT: I can’t get this to work. I am pretty sure I have the syntax correct as I use it a lot on button-card
What am I missing?

      - type: custom:mini-graph-card
        icon: mdi:white-balance-sunny
        name: BRIGHTNESS
        entities:
          - entity: sensor.brightness
        decimals: 0
        points_per_hour: 2
        indicator: off
        align_icon: left
        align_header: left
        align_state: left
        font_size: 70   
        more_info: false
        animate: true
        hour24: true
        tap_action:
          action: fire-dom-event
          browser_mod:
            command: popup
            title: Brightness Sensor Values
            card:
              type: entities
              entities:
                - sensor.elevation
                - entity: sensor.openweathermap_cloud_coverage
                  name: OpenWeatherMap Cloud Coverage
                - sensor.period_of_day
        color_thresholds:
          - value: 0
            color: black
          - value: 5
            color: grey
          - value: 10
            color: yellow
        show:
          fill: true
          extrema: false
          labels: hover
          graph: bar
          icon_adaptive_color: true

Thanks.

[Jeroen_Schwankhuizen]

I’m trying to create a card with a tertiary y axis: (y_axis: tertiary) does not seem to work. I have a Philips Hue outdoor motion sensor which detects Motion, Temperature and Light. I want all them in there but I can’t get the motion sensor with teh agregate max to work. each should have their own y axis. How can I do this.
graph|690x429

type: 'custom:mini-graph-card'
hour24: true
name: 'Temperatuur, Beweging & Licht'
entities:
  - entity: sensor.sensor_tuinhuisje_temperature
    name: Temperatuur
  - entity: sensor.sensor_tuinhuisje_light_level
    name: Licht
    y_axis: secondary
  - entity: binary_sensor.sensor_tuinhuisje_motion
    name: Beweging
    color: red
points_per_hour: 8
aggregate_func: max
update_interval: 5
line_width: 2
smoothing: false
state_map:
  - value: 'off'
    label: Geen
  - value: 'on'
    label: Gedetecteert

[paddy0174 (Patrick)]

@klogg

From the Github page:

This issue has been resolved in version 0.11.0-dev.4

[klogg]

@paddy0174

From the Github page:

Well, that would explain it.
Thanks and sorry…

[paddy0174 (Patrick)]

You’re very welcome.

You could install the dev version or just wait a bit. If it is dev-4, it shouldn’t take too long to get to the stable version.

[iceberg79 (Cristian Scarato)]

Good day, i ha a question:
i copy the code in my card but see the error becouse?

[Thai_D (Thái Đỗ)]

Can you share this background image.

[Sawadee]

Link to image did not work for me.

[Ildar_Gabdullin]

Background image can be set by card-mod:

Lovelace: mini graph card

Styling the card with “card-mod”: Changing background color: Note: this style may be used to make a card transparent. [image] type: 'custom:mini-graph-card' entities: - sensor.cleargrass_1_temp show: labels: true card_mod: style: | ha-card { --ha-card-background: rgba(50,50,50,0.2); } Background image: [image] type: 'custom:mini-graph-card' entities: - sensor.cleargrass_1_temp show: labels: true card_mod: style: | ha-card { background-image: url("/local…

Probably the person above is talking about a background for a view.

[Absum]

Is this working fine for all? Tried to install via HACS and manually, but both ways end in an error.

EDIT: Figured this out already, n00b problem

[kayhanbelek]

Is it possible to add two sensor value in single mini-graph-card?

Like SS below.

[Ildar_Gabdullin]

Lovelace: mini graph card

type: 'custom:mini-graph-card' entities: - entity: sensor.cleargrass_1_temp color: green show_state: true show_points: false name: Temp - entity: sensor.cleargrass_1_humidity color: blue show_state: true show_points: false y_axis: secondary name: Humidity hours_to_show: 6 points_per_hour: 60 name: Climate show: labels: true legend: true icon: false labels_secondary: true line_width: 2 height: 200 lower_bound: 0 [изображение] There are some error…

[juaigl]

yes. See this example from my config:

type: 'custom:mini-graph-card'
entities:
  - entity: sensor.energy_daily
    show_graph: true
    show_state: true
    color: red
  - entity: sensor.energy_hourly
    color: var(--accent-color)
    show_state: true
hours_to_show: 24
group_by: hour
show:
  graph: line
hour24: true
decimals: 2
lower_bound: 0

You need to use entities list and the property show_state set to true in both entities

[iceberg79 (Cristian Scarato)]

Good graphic is possbile to have the code please?thanks

[Bob_NL (Bob Visser)]

A littlebit off-topic but how did you get that font?

[rmertz3282]

Simply add the following link as a resource.

resources:
  - url: https://fonts.googleapis.com/css?family=Raleway
    type: stylesheet

[rdekruyf (Robbin)]

I really love this, my only question can I only show the value for today so starts at 00:00 instead of specifying the hours to show?

[Ildar_Gabdullin]

You cannot. Use apexcharts-card for this.

[redford-jones]

Anybody experienced issues with graphs not showing when using HA Cast? The card is shown but not the content within it.

This is what the dashboard should look like:

This is what’s displayed on the Nest Hub: