728x90
반응형
chartjs를 사용해서 프론트에서 날짜별 건수를 chart로 보여주는데 아래와 같이 날짜별로 건수가 0건일때 -1(음수)가 y축에 보였습니다.
건수가 마이너스가 될수는 없기 때문에 시작 위치를 0으로 하기 위해서 beginAtZero: true 를 추가했습니다.
시작 위치는 0으로 변경되었지만 y축에 0.5가 표시되는데 건수는 소수점이 나올수 없기 때문에 suggestedMax: 2를 추가해서 최대값을 설정했습니다.
y축이 최대값까지 표현되고 건수가 존재할때는 최대값을 무시하고 그려집니다.
y축 설정 소스
yAxis: {
grid: {
display: false
},
ticks: {
maxTicksLimit: 4
}
,beginAtZero: true
,suggestedMax: 2
}
728x90
반응형
'개발 > Javascript' 카테고리의 다른 글
Javascript로 Div 태그 드래그 이동 기능 구현 (0) | 2025.01.24 |
---|---|
Axios 라이브러리 특징 및 사용법 (0) | 2023.11.28 |
Template literal(템플릿 리터럴) If문 사용 (0) | 2023.08.20 |