Plotly card is resizing after an edit

[bazcurtis]

I have made these very simple hot water tank graphs, but when I edit and save them, I see the below. What is going on here? I tried to give one of them a fixed axis but it still does it.

Out of interest, I also want to add an average line to cards. Can Plotly do averages?

type: custom:plotly-graph
entities:
  - entity: sensor.espaltherma_hot_water_tank_temperature
hours_to_show: 24
refresh_interval: 600
title: Water Tank

type: custom:plotly-graph
entities:
  - entity: sensor.espaltherma_hot_water_tank_temperature
    name: |
      $ex "Temperature" + " (" + parseFloat(ys.at(-1)) + ")c"
    showlegend: true
    line:
      width: 2
  - entity: sensor.espaltherma_hot_water_tank_temperature
    name: |
      $ex "Average" + " (" + parseFloat(ys.at(-1)) + ")c"
    showlegend: true
    line:
      width: 2
    filters:
      - filter: i <xs.length-1
    statistic: state
    period: week
hours_to_show: 4h
refresh_interval: 600
title: Hot Water Tank 4 hours (Direct)
min_y_axis: 20
max_y_axis: 60

[dbuezas]

Interesting, that's probably the newish drag and drop Layout in home assistant.

Try fixing the height with

layout:
  height: 300

Regarding averages, search for Trendline in the readme. There's a lot of algorithms available

[dbuezas]

Plotly can't really do trendlines, but this card adds a lot of functionality including them

[bazcurtis]

I have other cards that are this simple with other entities, but they don't do this. I will move them to this location on the grid and see if they do the same thing. I was worried it was hitting the Home Assistant server too hard and might cause issues.

[bazcurtis]

The layout option does fix the issue. I did move the 24h hour card to another section and it is that card that is doing it, not the 4 hour card. I did another test and it only seems to do when the section is more than 1 card wide. In fact, if I put two of the 24 hour cards next to each other in a section that is two wide, it will never stop 😀

I will take a look at trendlines.