Lovelace: mini graph card

thats the point I don’t understand… with the native entities card it works. That’s the reason I tried it with the wrapped entities card in the second example.
With other cards, which had this problem, it worked good as a workaround. But not with mini-graph :frowning:

Hi kalkih, Just want to say that I really love this!
Thanks and keep up the good work :grinning:

Capture

5 Likes

Hi @MISEV

Can you share the code for this?

Really nice!!!

EDIT:

Done it!

This is my code

      - type: custom:mini-graph-card
        name: Speedtest
        align_state: center
        icon: mdi:speedometer
        show:
          extrema: true
          labels: true
          points: true
        entities:
          - entity: sensor.speedtest_download
            name: Download
            color: green
          - entity: sensor.speedtest_upload
            name: Upload
            color: red
          - entity: sensor.speedtest_ping
            name: Ping
            color: yellow

15

6 Likes

Thank you, great setup!

@woody4165, Yes that is the code. Only thing you forgot is the s from labels :wink:

labels: true

1 Like

Is there a way to set the height of the card?

I usually change the line_height to adjust overall card height.

any thoughts why this is showing:

46

HA 84.3. Ive updated all lovelace cards yesterday and have some issues. Not sure where to look for though. please have a look?

  - type: custom:mini-graph-card
    name: Speedtest
    align_state: center
    icon: mdi:speedometer
    show:
      extrema: true
      labels: true
      points: true
    entities:
      - entity: sensor.speedtest_download
        name: Download
        color: green
      - entity: sensor.speedtest_upload
        name: Upload
        color: red
      - entity: sensor.speedtest_ping
        name: Ping
        color: yellow

the sensors all exist and are populated.

try to manual update with speedtestdotnet.speedtest

and/or try to clean browser cache

not sure what you mean by this? Ive indeed manually updated via the homeassistant update entity service. but thats of no use, since the sensors are updated correctly, only not displayed in this card now.

Are the sensors showing values other than 0?

Do you have those three sensors in history: and recorder: in configuration.yaml ?

You can adjust the height of the graph with the height option, you also have the various font size options which also affect the overall height of the card.

Check the browser developer console and see if you get any errors there.
Do the history show up in the default history-graph card?

duh, this was really stupid…had taken the sensors out of history a long time ago, since that is a component that never worked in my setup, and I tried to keep the amount of recorded entities as small as possible.

re-added them again:

16

thanks ! (and again sorry…)

1 Like

Hi, first of all thanks for this awesome card, really nice.

I just added custom_updater to my install but for some reason it shows n/a on the current version of this card.
What have I done wrong?
I followed the instructions, the cards are working really nice but the version is “n/a”

I have:
“mini-graph-card-bundle.js” in my www folder.
This in the top of my “raw editor”:

resources:
  - url: /local/mini-graph-card-bundle.js?v=0.3.3
    type: module

This is in my configuration.yaml:

custom_updater:
  card_urls:
    - https://raw.githubusercontent.com/kalkih/mini-graph-card/master/tracker.json

mini-graph-na

Edit: I feel so stupid, clicked “Update All” and the version appeared. I clicked “Check” multiple times before but was thinking that “Update All” actually updates the cards/components with new “Available” versions.

1 Like

Loving this card <3

Is there any way to display a climate thermostat, with the temperatures and the heating ?

Thanks a lot in advance!

Thanks!

No, not unless you create template sensors for each state/attribute you want to display, that should be fairly easy though!

I don’t know if this is a problem with the mini-graph-card or not but…

I have a vertical-stack with a mini-graph-card in it and if I hover over the points on the graph the whole of that vertical stack jitters like mad, but only from the mini-graph-card down (which is why I suspect this card to be the root of the problem).

Unfortunately I can’t show it here short of posting a video but below is a picture of the vertical-stack, followed by my config.

I’m happy to raise a GitHub issue if you think it ‘belongs’ to you :wink:

  #============================
  #=== Network & HA Components
  #============================
  - type: vertical-stack
    cards:

      #==============
      #=== Network
      #==============
      - type: entities
        title: '-- Network --'
        show_header_toggle: false
        entities:
        - entity: sensor.public_ip_address
          icon: mdi:ip-network

        - type: custom:card-modder
          style:
            background: transparent
          card:
            type: custom:mini-graph-card
            name: ' ' # Internet Speed
            align_state: left
            hour24: true
            points_per_hour: 2
            line_width: 3
            font_size: 75
            font_size_header : 22
            show:
              icon: false
              extrema: true
              labels: true
              points: true
            entities:
              - entity: sensor.speedtest_download
                name: Download
                color: green
              - entity: sensor.speedtest_upload
                name: Upload
                color: red
              - entity: sensor.speedtest_ping
                name: Ping
                color: yellow

      - type: horizontal-stack
        cards:
          - type: custom:button-card
            color_type: blank-card

          - type: custom:button-card
            name: Do Speed Test Now
            lock: true
            tap_action:
              action: call-service
              service: speedtestdotnet.speedtest
            size: 25%
            color_type: card
            color: rgba(20, 20, 20, 0.4)
            layout: icon_name_state
            styles:
              card:
                - border-radius: 15px
                - border-style: solid
                - border-width: 1px
                - border-color: '#e5e5e5'
                - white-space: nowrap
              grid:
                - grid-template-areas: '"n"'
                - grid-template-columns: 1fr


      #=============================
      #=== Component Counts
      #=============================
      - type: glance
        title: '-- Component Count --'
        columns: 4
        entities:
          - entity: sensor.count_automations
            name: Automations
            icon: mdi:autorenew
          - entity: sensor.count_scripts
            name: Scripts
            icon: mdi:script-text-outline
          - entity: sensor.count_zones
            name: Zones
            icon: mdi:map-marker-radius
          - entity: sensor.count_device_trackers
            name: Device Trackers
            icon: mdi:map-marker
          - entity: sensor.count_switches
            name: Switches
            icon: mdi:light-switch
          - entity: sensor.count_sensors
            name: Sensors
            icon: mdi:resistor
          - entity: sensor.count_binary_sensors
            name: Binary Sensors
            icon: mdi:unfold-more-horizontal
          - entity: sensor.count_input_booleans
            name: Input Booleans
            icon: mdi:toggle-switch
          - entity: sensor.count_input_numbers
            name: Input Numbers
            icon: mdi:numeric
          - entity: sensor.count_input_texts
            name: Input Texts
            icon: mdi:alphabetical
          - entity: sensor.count_input_selects
            name: Input Select
            icon: mdi:view-list
          - entity: sensor.count_input_datetimes
            name: Input Date Times
            icon: mdi:calendar-clock

I think this is a limitation of the vertical in stack card

I don’t use the vertical-stack-in-card in this part of the config for this view, just the core vertical-stack

I do have the vertical-stack-in-card in this view in ‘column 1’ of three (‘this is column2’) but I tried changing it to a core vertical-stack and I still had the jittering. Just for completeness, ‘column 3’ is the tracker-card