버블 차트

Chart JS에서 버블 차트 만들기

이 글에서는 버블 차트를 만드는 방법을 다룰 것입니다. Chart JS에서 버블 차트를 만드는 것은 3개의 데이터 포인트 때문에 조금 복잡할 수 있지만 비디오에서 보면 개념을 빨리 이해할 수 있을 것입니다.

Chart JS에서 버블 차트 만들기

이 비디오에서는 Chart JS 2에서 소개된 버블 차트를 다룹니다. 버블 차트는 Chart JS에서 산점도 차트와 꽤 유사합니다. 여기서 데이터 포인트 x, y 및 r 값을 지정해야합니다. "R"은 반지름을 나타내며 버블이 픽셀로 그려질 크기를 나타냅니다. 버블이 클수록 더 중요하다는 것을 의미합니다.

버블 차트의 일반적인 문제

버블 차트의 일반적인 문제 중 하나는 차트의 모서리에 있는 버블의 크기입니다. 종종 버블이 캔버스 요소보다 큰 경우 버블이 잘려 나가거나 일부 부분이 클리핑될 수 있습니다. 이 문제를 options 내의 clip 네임스페이스와 layout padding 네임스페이스를 사용하여 해결하는 방법을 다룰 것입니다.