[chartjs] legend style 변경

구현 결과

 

line, bar, pie 모두, 같은 세팅으로 적용 가능

 

차트 인스턴스

const chart = new Chart(ctx, {
    type: 'bar',
    // ...
    legend: {
    	usePointStyle: true
    }
)

 

dataset

let dataset = {
    hoverBackgroundColor: [],
    backgroundColor: [],
    data: [],
    pointStyle: 'Rounded', // 👈 원 타입 설정
    pointRadius: 1, // 👈 The radius of the point shape. If set to 0, the point is not rendered.
};

pointStyle 타입

 

참고

https://www.chartjs.org/docs/latest/samples/legend/point-style.html