Chart.js v2 데이터 세트 레이블 숨기기

Chart.js v2.1.3을 사용하여 그래프를 만드는 다음 코드가 있습니다.

var ctx = $('#gold_chart');
var goldChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: dates,
        datasets: [{
            label: 'I want to remove this Label',
            data: prices,
            pointRadius: 0,
            borderWidth: 1
        }]
    }
});

코드는 단순 해 보이지만 그래프에서 레이블을 제거 할 수 없습니다. 온라인에서 찾은 많은 솔루션을 시도했지만 대부분 Chart.js v1.x를 사용합니다.

데이터 세트 라벨을 제거하려면 어떻게해야합니까?

다음 label과 tooltip같이 및 옵션을 설정하십시오.

...
options: {
    legend: {
        display: false
    },
    tooltips: {
        callbacks: {
           label: function(tooltipItem) {
                  return tooltipItem.yLabel;
           }
        }
    }
}

바이올린-http: //jsfiddle.net/g19220r6/

더하다:

Chart.defaults.global.legend.display = false;

스크립트 코드 시작 부분

"제목"을 제거하여 도구 설명을 한 줄에 넣을 수도 있습니다.

this.chart = new Chart(ctx, {
    type: this.props.horizontal ? 'horizontalBar' : 'bar',
    options: {
        legend: {
            display: false,
        },
        tooltips: {
            callbacks: {
                label: tooltipItem => `${tooltipItem.yLabel}: ${tooltipItem.xLabel}`, 
                title: () => null,
            }
        },
    },
});

다음을 추가하는 것만 큼 간단합니다. legend: { display: false, }

// 또는 원한다면이 다른 옵션도 사용할 수 있습니다.

Chart.defaults.global.legend.display = false;

new Chart('idName', {
      type: 'typeChar',
      data: data,
      options: {
        legend: {
          display: false
        }
      }
    });