Mini-graph-card isn't displaying nothing

Configuration
1

Hi,

Noob here.

i have installed the “mini-graph-card” using all the optional methods (HACS, from CLI, Manual, etc…)
i have added the module to the “lovelace-ui” and i don’t get “red error messages” about it.

no matter what i do i don’t see any graph. i have tried to add manually several options from the Github Documentation but useless. nothing is displayed.

i get the following message on the “Show Code Editor”:

“No visual editor available for: custom:mini-graph-card”.

any ideas what i am missing?

i have followed these resources:


thanks

2

With any custom card
It will always display no visual editor available
alot of custom cards lack validation and will fail to render if even just 1 entity is incorrect.

2 Likes
3

Damnedly difficult to give help without the card yaml.

4

yes but even when saving it, it doesn’t display nothing

5

you absolutely right.

i have installed the plugin thru HACS in this case.

i am at work. will send the config in few hours

6

Hi.

under “resources” i have added the following code:

    url: /local/mini-graph-card/mini-graph-card-bundle.js
  - type: module

under the Card i have tried every code almost listed on the examples section on from the Github (https://github.com/kalkih/mini-graph-card).

my current configuration card is this:

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

do you need more configuration files?

BR,

Ben

7

As HACS says

- url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js
  type: module
8

i have done that and it didin’t worked. so i have changed it to manual install and placed the "
mini-graph-card/mini-graph-card-bundle.js" under “/config/www” so i have used the

    url: /local/mini-graph-card/mini-graph-card-bundle.js
  - type: module
9

any suggestions?

10

post your whole resource section

11

Sure,

background: var(--background-image)
custom_header: {}
resources:
  - type: module
    url: /community_plugin/custom-header/custom-header.js
  - type: module
    url: /community_plugin/button-card/button-card.js
  - type: module
    url: /community_plugin/mini-media-player/mini-media-player-bundle.js
  - type: module
    url: /local/mini-media-player-bundle.js?v=1.5.2
  - type: module
    url: >-
      https://cdn.jsdelivr.net/gh/custom-cards/[email protected]/dist/spotify-card.umd.js
  - type: module
    url: /community_plugin/spotify-card/spotify-card.js
  - type: module
    url: /community_plugin/banner-card/banner-card.js
  - type: js
    url: /community_plugin/bar-card/bar-card.js
  - type: module
    url: /local/mini-graph-card/mini-graph-card-bundle.js
  - type: module
title: home

this time i have installed manually and under “www” i have the ‘mini-graph-card’ folder with the ‘mini-graph-card-bundle.js’ in it.

the “mini-graph-card-bundle.js” is the only file in that folder.

Ben

12

You got an extra type: module in there at the bottom.

13

removed. still, nothing is displayed.

14

Take a screencap of the mini-graph-card-bundle.js inside the folder. Make sure to include the full folder path.

15

image
image811×360 23.6 KB

image
image917×504 68.5 KB

i have tried without the source code files and folders (/mini-graph-card-0.8.2" and also downloaded the source code and tried to place them on the same folder.

nothing helped so far

16

Clearing the cache and reloading the page?

17

first thing i have done.
hold on, i will try to create a fresh installation and install it there. maybe something is messed up here…

18

I doubt it. There’s nothing special about that card. Are you using chrome + developers view? Are there errors there?

19

i have other problems i am facing. for example, since i installed HACS every plugin install or few minutes it kicks me out… something weird.

20

Found the problem.
I don’t know how but for some reason there were 2 different Lovelace-ui files that were different one from each other (don’t know why). I have used the one from the GUI. Created a copy of the previous one. Moved some entities and it start working.

Thanks for the help.

Ben