[解決済み] 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を使っています。
データセットのラベルを削除するにはどうすればよいですか?
解決方法は?
を設定するだけです。
label
と
tooltip
のようなオプションがあります。
...
options: {
legend: {
display: false
},
tooltips: {
callbacks: {
label: function(tooltipItem) {
return tooltipItem.yLabel;
}
}
}
}
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン