When combined with custom:grid-layout, the plot grows out of the screen

[LGO44]

plotly card 1.61
Home Assistant 2022.11.1
Supervisor 2022.10.2
Operating System 9.3
Interface utilisateur : 20221102.1 - latest

The graph grows very quickly by the right side, the start time (left) doesn't change so that it generates a horizontal scroll bar in the screen (see the print screen joined)...
Now the card becomes unusable.

[dbuezas]

Is it still there in v1.6.2?
Please share your yaml and also the tab view type (mansonery, sidebar, panel)
Are you using any layout card? (Vertical Stack for example)

[LGO44]

First, thank you for your help.

For my use case the issue is still in the V1.6.2

I Used it in a layout grid,
if it 's in a panel or masonry, or sidebar it's OK

my yaml:

views:

• theme: Backend-selected
  title: Home
  type: custom:grid-layout
  badges: []
  cards:
  • type: custom:plotly-graph
    entities:
    • entity: sensor.wiser_status
    • entity: sensor.wiser_hub_signal_strength
      title: Wiser status
      hours_to_show: 240
      refresh_interval: 15

[OlePZ9]

Unfortunately actually not useable, here my code:

type: custom:plotly-graph
entities:
  - entity: sensor.victron_solarcharger_mppt_250_60_pv_power
    name: Schuppen
  - entity: sensor.victron_solarcharger_pv_power_tracker_0
    name: Hausdach
  - entity: sensor.victron_solarcharger_pv_power_tracker_1
    name: Vordach
  - entity: sensor.victron_pv_power_sum
    fill: tozeroy
  - entity: sensor.victron_system_battery_power_dc
    fill: tozeroy
hours_to_show: 24
refresh_interval: 30
layout:
  xaxis:
    rangeselector:
      'y': 1.2
      buttons:
        - count: 1
          step: minute
        - count: 1
          step: hour
        - count: 12
          step: hour
        - count: 1
          step: day
        - count: 7
          step: day

[dbuezas]

Until I get to this, can you try forcing the width in yaml?

width: 500

[LGO44]

The widget not in grid layout the param seems to have no effect

The card run welling vertical layout or horizontal layout

[OlePZ9]

Afteri copied the entities in a fresh car, it works. Maybe the feature to be able to switch between different time windows made the issue. That is what I've added to all cards. Thanks for your support!

[dbuezas]

Afteri copied the entities in a fresh car, it works. Maybe the feature to be able to switch between different time windows made the issue. That is what I've added to all cards. Thanks for your support!

Happy to hear you fixed it! Let me know if you stumble on this again and can reproduce it and I'll take a look

[LGO44]

I'm sorry, but for me the issue is always active.
even after adding a new dashboard and recreating the card with a custom.grid.

[dbuezas]

Hey @LGO44. Thanks for letting me know. Would you provide screenshots, yamls and as much details as possible? :)

[LGO44]

Hi David,

The issue happens only in the custom.grid layout

Here is the yaml of a dashboard that has the issue, in this dashboard created specially to test

views:
  - theme: Backend-selected
    title: Home
    type: **custom:grid-layout**
    badges: []
    cards:
      - type: custom:plotly-graph
        entities:
          - entity: sensor.wiser_status
          - entity: sensor.wiser_hub_signal_strength
        title: Wiser status
        hours_to_show: 240
        refresh_interval: 15
        width: 800
  - theme: Backend-selected
    type: custom:grid-layout
    badges: []
    cards:
      - type: custom:plotly-graph
        entities:
          - entity: sun.sun
            fill: tozeroy
        hours_to_show: 24
        refresh_interval: 10

screen shot 1

screen shot 2 same dashboard, same screen area, 54 second after the first one

This screen shot show that the older plot in the left of the screen doesn't move and the real-time value is printed out of the screen on the right side...
If I can help you by anyway feel free to ask me.
Christian

[LGO44]

Ok for the new title,

here is a video that shows the issue, I hope that it will be usefull for you (sorry to be so late)
It starts with the sidebar and it's OK
I change it on custom. grid-layout : NOK
I come back to side bar and OK

2022-11-07.19-00-19.mp4