1. ホーム
  2. chart.js

[解決済み] Chart.js v2 データセットのラベルを隠す

2022-02-25 23:20:17

質問

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

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

解決方法は?

を設定するだけです。 labeltooltip のようなオプションがあります。

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


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