chart.js 특정 항목 보이지 않게 하기(가로줄 치기)

클릭하면 당연히(?) 줄 그어져서 죽는데

코드로 처음부터 해당 항목을 hidden 상태로 표시하려니 먼가 묘하게 어렵다?

 

function(e, legendItem, legend) {     const index = legendItem.datasetIndex;     const ci = legend.chart;     if (ci.isDatasetVisible(index)) {         ci.hide(index);         legendItem.hidden = true;     } else {         ci.show(index);         legendItem.hidden = false;     } }

[링크 : https://www.chartjs.org/docs/latest/configuration/legend.html]

 

매우 귀찮으니(!)

chart 라는 변수에 chart.js 객체가 존재한다면

아래의 legned.chart.hide(index) 로 끄고 legned.chart.show(index) 로 표시할 수 있다.

index 이니 0부터 시작함에 주의!

//var chart = new chart() chart.legend.chart.hide(1) chart.legend.chart.show(1)