Align to y-xaxis to the same x-axis

[droidgren]

Hi,
Is it possible somehow to adjust so that the second y axis (temperature) align to the same x axis as (kWh) ?

type: custom:plotly-graph
title: Daily heatproduction
entities:
  - entity: sensor.elpatron_raknare
    name: Addtional power
    texttemplate: ' %{y:.0f}'
    type: bar
    statistic: state
    period: day
  - entity: sensor.dagens_forbrukning_varmepump
    name: Heat pump
    texttemplate: ' %{y:.0f}'
    type: bar
    statistic: state
    period: day
  - entity: sensor.genomsnittlig_utomhus_temp_detta_dygn
    name: Avg temp
    texttemplate: ' %{y:.0f}'
    type: bar
    period: day
hours_to_show: 1w
refresh_interval: 10

[dbuezas]

Hi there!
To align the ticks use:

layout:
  yaxis2:
    overlaying: y
    zeroline: false
    tickmode: sync

[dbuezas]

Oh, you mean match the yaxes?
This seems relevant, but I haven't looked into it: https://github.com/VictorBezak/Plotly_Multi-Axes_Gridlines

[dbuezas]

Try removing the first datapoint from each entity

[droidgren]

Is it possible to do that from plotly ?

[dbuezas]

Yes, add this to the entities:

filters:
      - filter: i>0

[droidgren]

Thanks! Not sure how that magic works, but sure it did. Thanks

[dbuezas]

Haha, filter is to remove data points. i>0 means "keep all with an index >0". There are other variables you can use, they are all in the readme.

The trick here is that when the card asks for a range, home assistant invents the first datapoint with the last known value at the start of the range. That results in the first two data points being closer than the rest. Plotly then makes the bars thinner to avoid overlapping them.
By removing the first one, the problem goes away