[React] apexcharts yaxis (y축) 0부터 시작하는 방법

Intro

안녕하세요. 이번 시간에는 apexcharts 에서 yaxis y축을 0부터 시작하는 방법에 대해 알아보겠습니다.

apexcharts를 이용해서 차트를 사용하여 작업하고 있었는데요, 차트의 y축값을 0으로 고정하고 싶은데, 계속 숫자 범위가 달라지면서 값이 변하더라고요. 그래서 구글링을 해봤습니다.

 

How to solve the problem

아래와 같이 yaxis 속성에서 min을 0을 적용하면 y축 값이 0으로 고정되어 세팅됩니다.

yaxis: {
  tickAmount: 3.5,
  min: 0,
  forceNiceScale: true,
  labels: {
      show: true,
      rotate: 0,
      style: {
          colors: '#828282',
          fontSize: '11rem',
          fontFamily: 'SpoqaHanSans, Helvetica, Arial, sans-serif',
      },
  },
  axisBorder: {
      show: true,
      offsetX: -4,
      offsetY: 0,
  },
  axisTicks: {
      show: false,
  },
},