Plotly interactive Graph Card

You missed a - (minus) before map_y

Yeah, the tooltip and the y-axis are now in h:mm format, but there are still 2 problems:

  1. The values are still not displaying on the bar graph
  2. This is bigger: the values displayed by the tooltip are totally wrong.

When I remove the map_y, the values are calculated correctly.

Maybe bar charts don’t accept dates, try a non bar chart.
Not sure what could be wrong in the tooltips, in my test it worked fine. Maybe related to the bar chart type

How to get rid of steps when i used longterm statistic? I want it to look like shortterm stats

You set the line shape to linear so it seems to be how the data looks like. You could try:

  • Increase the period or,
  • Use the deduplicate_adjacent filter
1 Like

Big thanks! deduplicate_adjacent works good for me.

Hi, thanks for the Great Card. Unfortunately I lost my unbackedup HA config and I am trying to recreate my cards.

I am trying to start simple and make a 2 row x 1 column subplot with house temperatures on the top and daytime/nighttime chart on bottom. However, whenever I try to make a 3rd axis it just puts the data over the whole chart :frowning:

Do you know what I am doing wrong?

- type: custom:plotly-graph
  entities:
    - entity: sensor.pirateweather_temperature
      name: Outside
      yaxis: y1
      line:
        shape: spline
        width: 3
        color: blue
        dash: dashdot
    - entity: sensor.master_temperature
      yaxis: y2
    - entity: sun.sun
      name: Daytime
      yaxis: y3
      fill: tozeroy
      line:
        color: lightgray
      filters:
        - map_y: >-
            {
              var isDay = state.state
              if (isDay === 'below_horizon') {
                return 1;
              } else if (isDay === 'above_horizon') {
                return 0;
              } else {
                return null;
              }
            }

  layout:
    yaxis:
      overlaying: "y"
    yaxis2:
      overlaying: "y"
    yaxis3:
      overlaying: y3
    grid:
      rows: 2
      columns: 1
      pattern: coupled
      roworder: top to bottom
  hours_to_show: 24

Ye seem to have a grid of 2x1 but 3 yaxes. You should have 2

Thanks for the response. If I change it to just 2 axes, how can I make some traces on the left side and some on the right side? Isn’t this defined in the layout-yaxis sections? For example, I want the outside temp on the right side and the Master Temp on the left side. But if they reference the same yaxis they will be on the same side.

Basically, I am trying to recreate this, which my boneheaded self never backed up the config for:

image

See the yaml of this post: Plotting clima entities with attributes · dbuezas/lovelace-plotly-graph-card · Discussion #13 · GitHub

Remember there’s an Index of examples with images near the top of the readme