Standardizing Axis Ranges

[wormuths]

Good day,

I have the following card to show the size of my Home Assistant database, with an overlap showing the change from the previous month.

The issue is I can't figure out how to standardize the axis values. As you see, the first couple month increase a great deal, and that value overwrites the whole other bar. Is there a way to align the left and right axis values to better display this?

type: custom:plotly-graph
config:
  displayModeBar: false
layout:
  height: 250
  dragmode: pan
  showlegend: true
  paper_bgcolor: '#EFDECD'
  plot_bgcolor: '#EFDECD'
  xaxis:
    tickfont:
      color: '#000000'
  yaxis:
    tickfont:
      color: '#000000'
hours_to_show: 1y
entities:
  - entity: sensor.home_assistant_v2_db_size
    name: Current Database
    statistic: mean
    period: month
    type: bar
    marker:
      color: rgb(10, 55, 58)
    texttemplate: '%{y:0.0f}'
  - entity: sensor.home_assistant_v2_db_size
    name: Change
    statistic: mean
    period: month
    type: bar
    marker:
      color: rgb(255, 152, 0)
    texttemplate: '%{y:0.2f}'
    filters:
      - delta: null

Thanks for any help you can provide....

[dbuezas]

Hi there!
You have thre options:

• There is a way to link axes together (see "matches" https://plotly.com/javascript/reference/#layout-xaxis-matches)
• Set the same unit_of_neasurement: for both traces
• set the same yaxis for both traces (yaxis: y on the second one)