Timestamp in attribute

[froggi1930]

Hi everyone,

I’ve typically used simple charts in Home Assistant so far, but I recently discovered the Plotly card, and I’m a bit overwhelmed by its potential!

I want to create a graph to display my solar production forecast.

Using the template engine, I get:

{% set data = state_attr('sensor.my_solar_production_forecast_today', 'data') %}
{{data}}

[{'timestamp': '2024-10-08 07:43:53', 'value': 0}, {'timestamp': '2024-10-08 07:45:00', 'value': 318688}, ...]

How can I best integrate this data into the Plotly card?

Thanks in advance for any guidance - I’m feeling a bit lost here!

[dbuezas]

Either of these should work:

 - entity: ''
    name: My solar production forecast today
    filters:
      - fn: |-
          ({hass}) => ({
            xs: hass.states['sensor.my_solar_production_forecast_today'].attributes.data.map(({ timestamp }) => new Date(timestamp)),
            ys: hass.states['sensor.my_solar_production_forecast_today'].attributes.data.map(({ value }) => value),
          })

 - entity: ''
    name: My solar production forecast today
    x: "$ex hass.states['sensor.my_solar_production_forecast_today'].attributes.data.map(({ timestamp }) => new Date(timestamp))"
    y: "$ex hass.states['sensor.my_solar_production_forecast_today'].attributes.data.map(({ value }) => value)"

[froggi1930]

Thanks for your quick reply!

type: custom:plotly-graph
entities:
  - entity: " "
  - entity: ""
    name: My solar production forecast today
    x: "$ex hass.states['sensor.my_solar_production_forecast_today'].attributes.data.map(({ timestamp }) => new Date(timestamp))"
    y: "$ex hass.states['sensor.my_solar_production_forecast_today'].attributes.data.map(({ value }) => value)"

That one did the trick.

Now, moving on to the next question: How can I limit the x-axis so that the graph only displays when data is available for the timestamp?
Can I autozoom to show the avilable timeframe?

[dbuezas]

Apparently this was implemented last year: plotly/plotly.js#6547

Somewhere there maybe you find the notation