Min/Max cuts off when using multiple y-axis

[Fusseldieb]

Checklist

• I updated the card to the latest version available
• I cleared the cache of my browser
• I verified that I'm really running the lastest version in my browser console
• I checked if there is another issue opened with the same problem

Describe the bug
When using multiple y-axis the min/max cuts one of them off

Version of the card
Version: APEXCHARTS-CARD v1.9.0

To Reproduce
This is the configuration I used:

type: custom:apexcharts-card
update_interval: 1min
graph_span: 24h
header:
  show: true
  title: Temp. piscina
  standard_format: true
  show_states: true
experimental:
  color_threshold: true
apex_config:
  xaxis:
    tooltip:
      enabled: false
yaxis:
  - id: first
    apex_config:
      tickAmount: 4
      decimalsInFloat: 1
  - id: second
    opposite: true
    apex_config:
      tickAmount: 1
      decimalsInFloat: 0
series:
  - entity: sensor.temperatura_piscina
    fill_raw: last
    type: line
    stroke_width: 4
    name: Hoje
    color_threshold:
      - value: 20
        color: green
      - value: 28
        color: yellow
      - value: 35
        color: red
    group_by:
      duration: 15min
      func: avg
    show:
      extremas: true
    yaxis_id: first
  - entity: sensor.temperatura_piscina
    fill_raw: last
    offset: '-1d'
    type: line
    stroke_width: 4
    name: Ontem
    group_by:
      duration: 15min
      func: avg
    color: '#888888'
    show:
      extremas: true
    yaxis_id: first
    opacity: 0.4
  - entity: switch.sonoff_4ch_relay_1
    transform: 'return x === ''on'' ? 1 : 0;'
    yaxis_id: second
    curve: stepline
    opacity: 0.3
    stroke_width: 0
    color: '#888888'
    show:
      in_header: false
      name_in_header: false
      legend_value: false
    type: area

Screenshots

Expected behavior
Not cut off?

Desktop (please complete the following information):

• Google Chrome | 91.0.4472.106 (Versão oficial) 64 bits (cohort: Stable)

Additional context

[RomRider]

Do you mind testing the latest beta please?

[Fusseldieb]

Do you mind testing the latest beta please?

No problem

APEXCHARTS-CARD v1.10.0-dev.1 (Shown in dev console - Cache cleared)

[RomRider]

Ah I see 😊 it's because of the offset! I'll fix it!

[chah90]

I have a similar issue (v1.10.0-dev.1) without specifying an offset. It occurs if y-axis definitions are used:

Minimal example:

type: 'custom:apexcharts-card'
header:
  show: true
  title: ApexCharts-Card
  show_states: true
series:
  - entity: sensor.Keller_Temperatur
    name: Temperature
    data_generator: |
      const now = new Date();
      const data = [];
      data.push([now.getTime() - 25 * 1000 * 60 * 60, 21.8])
      data.push([now.getTime() - 10 * 1000 * 60 * 60, 21.2])
      data.push([now.getTime() -  4 * 1000 * 60 * 60, 20.4])
      data.push([now.getTime() -  3 * 1000 * 60 * 60, 19.7])
      data.push([now.getTime() -  0 * 1000 * 60 * 60, 19.7])
      return data;
    yaxis_id: temp
yaxis:
  - id: temp

resulting in:

If I delete the last three lines of the example the graph isn't cropped. But I use the y-axis specification in a use-case with a second y-axis.

[github-actions]

🎉 This issue has been resolved in version 1.10.0-dev.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[Fusseldieb]

Yes! Seems to be solved for me!

Can I close this issue?

[chah90]

This fixes my issues as well 😊 thanks!

[RomRider]

@Fusseldieb It's going to be closed automatically on release

[github-actions]

🎉 This issue has been resolved in version 1.10.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀