statistical graph 에서 y 값 0에 대한 처리 필요

[kim-jinhyeong]

문제 :

통계 그래프의 Bar Graph에서 데이터 값이 0인 경우 그래프에 표시되지 않아, 데이터가 없는 경우와 구분이 어렵다.

해결 방안

Bar Graph의 minBarLength 옵션 활용

[minBarLength 옵션 적용 후 모습]

• minBarLength는 Chart.js에서 막대 차트의 최소 길이를 설정할 수 있는 옵션이다.
• 이 옵션을 사용하면 값이 0일 때도 막대가 너무 작아서 보이지 않거나 툴팁이 나타나지 않는 문제를 방지할 수 있다.
• 이를 통해 데이터가 0일 때와 데이터가 없는 경우를 명확하게 구분할 수 있다.

예외

Bar Graph에 로그 스케일 적용 시

• 차트의 스케일을 로그 스케일(logarithmic scale)로 변경할 경우, minBarLength 옵션이 Bar Chart에서 동작하지 않는다.
• 로그 스케일에서는 값이 0이 될 수 없고, 0은 로그 스케일에서 정의되지 않으므로, 0 값을 처리할 방법이 없어서 minBarLength 옵션이 동작하지 않는다.
• 로그에서는 음수나 0의 값을 표현할 수 없기 때문에, 실제 차트에서 0의 데이터 포인트가 시각적으로 나타나지 않는다.