[ 언어·프레임워크/Vue.js ]
[Vue.js] Chartjs의 legend 위치 및 모양 수정
2022-11-13 23:52:53
legend의 position 및 point style 수정 legend의 기본 위치는 top이고 point style은 직사각형 모양이다. 그런데 [그림 1]과 같이 bottom에 위치시키고 정사각형 모양의 point로 표시하고 싶었다. 먼저 options에 아래의 코드를 추가한다. plugins: { legend: { position: 'bottom', labels: { usePointStyle: true } } } 그리고 datasets의 각 객체에 pointStyle: 'rect'를 추가한다. pointStyle 옵션에 대한 정보는 아래 링크에서 확인할 수 있다. https://www.chartjs.org/docs/latest/configuration/elements.html#point-style..