Chart.js v2 でデータセットのラベルを非表示にするにはどうすればいいですか? 質問する

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 を使用しています。

データセットのラベルを削除するにはどうすればよいですか?

ベストアンサー1

labeltooltipオプションを次のように設定するだけです

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

フィドル -http://jsfiddle.net/g19220r6/

おすすめ記事