Help needed for yaxis in apexcharts

Configuration Frontend
1

I’m looking for a way to control the yaxis of the following apexcharts:

Screenshot 2023-08-05 at 10.57.15

I would like the steps to be e.g. 5, 10, 15, etc.

Here is the code I currently have:

- type: custom:apexcharts-card
  config_templates: system_chart
  header:
    title: CPU
    update_interval: 1m
    series:
      - entity: sensor.processor_use
        color_threshold:
          - value: 0
            color: green
          - value: 60
            color: orange
          - value: 85
            color: red

and the template:

apexcharts_card_templates:
  default:
    color_list: ["red", "green", "blue", "magenta", "orange"]

  system_chart:
    style: |-
      ha-card {
      border-width: 0px !important
      }
    config_templates: default
    header:
      show: true
      show_states: true
      colorize_states: true
    experimental:
      color_threshold: true
    graph_span: 6h
    apex_config:
      chart:
        height: 125px
      grid:
        show: false
      yaxis:
        forceNiceScale: true
      stroke:
          width: 1
          curve: smooth
      # fill:
      #   type: solid
      #   opacity: 0.2
    all_series_config:
      show:
        header_color_threshold: true
    yaxis:
      - show: true

Many thanks for your help.

2

RomRider/apexcharts-card: :chart_with_upwards_trend: A Lovelace card to display advanced graphs and charts based on ApexChartsJS for Home Assistant (github.com)

3

Thanks. It still does not help. The yaxis is still crowed:
Screenshot 2023-08-05 at 13.13.31

Extract from the template:

yaxis:
  - show: true
    min: 0
    max: ~50
    decimals: 0
    align_to: 5
4

It is the tickAmount that I hoped you noticed…

5

And that’s the one I missed :wink:

That solved my problem. Thanks!