Sounds like your browser isn’t loading the latest version of the card.
Make sure you’ve updated the card and the old version isn’t loading from cache.
If using HACS, check this: https://github.com/kalkih/mini-graph-card/issues/169
Oh, wow. Thanks for pointing that out! That was indeed it.
I am using HACS and even though I’ve seen you say this to some other people earlier in this thread I never thought to look for this issue myself since everything worked fine up until I wanted to use the popup from Browser Mod.
Also @SeLLeRoNe earlier I said that service: browser_mod.popup was working fine for me, but in fact it didn’t. Because I wasn’t using the correct resource, it looked like it was working, but it wasn’t. I was using an older version of Browser Mod. So, I also updated to the latest version of that and started to use the new configuration (service: browser_mod.popup over service: browser_mod.command and a separate command: popup) and everything is working fine now.
Thanks!
2 Likes
Is there a way to force aspect ratio 1/1 (height/width) for mini graph card?
@kalkih thanks for an awesome card!
I use it to show graph over my energy consumtion.
Is it possible to group the bars weekly? I manage only to group the bars as last 7 days, not as week (mon-sun). Is that possible, and if so, how? Want also to start to show the bars at the 1. of each month, so it`s more logical to the values I use.
sorry for this small error-report, but there’s a typo in the GitHub at https://github.com/kalkih/mini-graph-card#grouping-by-date
- type: type: custom:mini-graph-card
entities:
- entity: sensor.energy_daily
name: Energy consumption
hours_to_show: 168
aggregate_func: max
group_by: date
show:
graph: bar
should be:
- type: custom:mini-graph-card
entities:
- entity: sensor.energy_daily
name: Energy consumption
hours_to_show: 168
aggregate_func: max
group_by: date
show:
graph: bar
couldn’t find the edit button on the GitHub page, so hope you don’t mind me reporting here.
Hi Tom, sorry for the late reply, only just getting back to this now. I already have some style config for this card and with a bit of playing around I couldn’t get it working. How can I uses both your style code and my existing style code for this card? I tried simply having my code under your example (without having ‘style’ twice) but HA wasn’t happy…
style:
top: 15%
left: 50%
width: 75%
Got a strange thing here: since updating to latest HA version (0.101.3, running on latest Hass.io) i got no graphs anymore?!
No clue whats wrong here, showing below an example from my temp graph. The temp is shown finde (see screenshot below).
- type: 'custom:mini-graph-card'
entities:
- sensor.mywetter_temp
show:
labels: false
fill: true
color_thresholds:
- value: 20
color: "#e74c3c"
- value: 21
color: "#1db954"
- value: 21.5
color: "#3498db"
name: Temperatur
hours_to_show: 72
points_per_hour: 1
Screenshot from the temp graph:
Already tried to re-install the mini-graph add-on using hacs, but with no effect.
Thanks in adavance for your help!
/ Ralf
I’ve added a graph for my gas and power consumption for 1 week.
The graph is working but it will not update after the initial time i open home assistant.
If i delete the browser cache or remove the ios update the graph is updated one again.
How can i solve this problem?
- entities:
- entity: sensor.daily_gas_2
hour24: true
hours_to_show: 168
icon: 'mdi:fire'
name: Gas Verbruik Dagelijks
group_by: date
aggregate_func: max
show:
average: true
extrema: true
graph: bar
labels: true
type: 'custom:mini-graph-card'
Hello,
I have a small problem with the binary_sensor / switch.
entities:
- entity: sensor.salon_1
name: Température
- entity: binary_sensor.rad_salon
name: Etat radiateur
color: rgba(255,255,255,.25)
y_axis: secondary
aggregate_func: min
smoothing: false
show_fill: true
show_state: true
show_line: false
show_points: false
state_map:
- value: "off"
label: "Eteint"
- value: "on"
label: "Chauffe"
No matter what I do, I always have NaN for the binary_sensor. Does someone have the same problem ?
Thanks
Should the state map be associated with a graph axis perhaps?
I notice a large number of warnings in the debug console that “x value not found in state map” because I have an analogue and boolean entity in the one graph and it is trying to convert the analogue values using the state map.
I have this set to 60, so every minute. I would have thought that is plenty…
Yeah that should be more than enough. When you hover the mouse over the graph the points should show and the graph value should change to the hovered point value.
Yeah, I don’t get any sort of value pop-up at all
It’s not a po-up. The main value sows the reading.
Oh right… now I see what the problem was, I have show_state: false because I have the current value elsewhere on the screen. In order to have that feature I need it set to true. I was hoping for a pop-up so I don’t have to have the current value above the graph…
Any idea how to sort out my styling issue?
That would be a feature request then.
As for the style, did you try this?
style:
top: 15%
left: 50%
width: 75%
ha-card {
box-shadow: none;
--ha-card-background: 'rgba(0, 0, 0, 0)';
}
I tried that, didn’t work unfortunately
Post the full config for the card.
- type: picture-elements
image: /local/images/fronius_symo_front.png
elements:
- type: state-label
entity: sensor.fronius_ac_power
style:
top: 72%
left: 29%
font-family: Arial
font-weight: bold
color: black
- type: custom:text-element
text: "Energy Generated Today"
style:
top: 55%
left: 40%
font-family: Arial
font-weight: bold
color: black
- type: state-label
entity: sensor.fronius_day_energy
style:
top: 55%
left: 71%
font-family: Arial
font-weight: bold
color: black
- type: custom:text-element
text: "Energy Generated This Year"
style:
top: 58%
left: 38%
font-family: Arial
font-weight: bold
color: black
- type: state-label
entity: sensor.fronius_year_energy
style:
top: 58%
left: 71%
font-family: Arial
font-weight: bold
color: black
- type: custom:mini-graph-card
entities:
- entity: sensor.fronius_ac_power
show:
state: false
labels: true
lower_bound: 0
upper_bound: 5000
points_per_hour: 60
height: 150
style:
top: 15%
left: 50%
width: 75%
Ah right. You are using the style option of the picture elements card. Where as I was using the style option of card-mod.
The style option in the picture-elements card uses yaml. Card-mod does not.
Try it like this:
style:
top: 15%
left: 50%
width: 75%
box-shadow: none
ha-card-background: 'rgba(0, 0, 0, 0)';