(History) graph in full page

[hvdwolf]

Hi,

I searched the forum with all kind of combinations of search phrases, and found some close answers but not one exactly describing my “features”.

I know I can put a graph in full page width by setting the page to panel mode.
But his puts one graph as a full-width “stripe” on the page. It does not use the full vertical resolution.
Secondly to this: If I put the page in panel mode, I can only put one graph on the page, leaving a whole lot of page unused.

So:

• is there any way to put a graph full-screen inside home-assistant?
• Is there any way to put multiple graphs full width on a page? (as it is sometimes nice to show a longer period)
  (I know about influxdb in combination with grafana, but I prefer to do it “easy and internally” like quite some other domotica programs can do as well).

Thanks for your feedback.

[tom_l]

@hvdwolf

is there any way to put a graph full-screen inside home-assistant?

You the custom-layout-card in panel mode, specify the height as 100%.

@hvdwolf

Is there any way to put multiple graphs full width on a page?

Use a vertical stack. With the above.

@hvdwolf

sometimes nice to show a longer period)

There’s a post somewhere on this forum about using the Lovelace-template-card to give your history graphs selectable time ranges. I’ll see if I can find it.

Edit: here,

Dynamically select the number of hours or sensors to show on a history graph or mini graph card

Hey everyone, Here’s a way to dynamically select the number of hours a history graph shows. This project relies 100% on the config-template-card, so all credits go to the developer. First, we create an input_select entity. input_select: hours_to_show: name: Hours to show options: - 24 - 12 - 4 - 2 - 48 - 72 initial: 24 Then the code for creating our card is the following: type: vertical-stack cards: - type: entities entities: …

[hvdwolf]

Thanks.

I did not realise that the vertical stacked card is treated as one card, also in panel mode. That works much better (for me that is).
I did not find the right way to add the 100% (yet), but I will search further.
And I will look into the config-template-card. With some of my sensors I am also interested in 7 days and 30 days.

Thanks a lot so far.

[hvdwolf]

Sorry for the late reply.
(the graphics card in my laptop died. After a lot of troubleshooting I ordered a new laptop. Now occasionally using my wife’s laptop)
I still can’t use the 100% height and I can’t find examples. There is so much info here which makes it hard to find it.
I did find and read a lot of other useful stuff and already made a lot of changes like adding the custom-card-layout and the mini-card.

When my new laptop arrives, I will again dive into it. More or less on still-stand now.

[tom_l]

You can definitely do it. I’ve set two cards to 50% height before so that they fill the screen.

Unfortunately I don’t have access to github for the next couple of weeks so I can’t find the option for you. You could ask here:

Layout-card - Take control of where your cards end up

Finally released on HACS! This card lets you tweak how cards are placed in your lovelace views. Here’s just one example. [image] With some work, this can be used to create responsive designs: [responsive%201] [responsive%202] [responsive%203]