質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Chart.js

Chart.jsは、多様なグラフを組み込めるJavaScriptのライブラリ。折れ線グラフや棒グラフ、円グラフ、レーダーチャートなどのグラフの種類が用意されています。HTML5のCanvasを用いて描画され、マークアップも分かりやすく、簡単に編集することが可能です。

Q&A

0回答

1634閲覧

Chart.jsのtooltipsで単位をつける際に凡例を出力する方法(複数グラフがある場合)

syoshinsha

総合スコア0

Chart.js

Chart.jsは、多様なグラフを組み込めるJavaScriptのライブラリ。折れ線グラフや棒グラフ、円グラフ、レーダーチャートなどのグラフの種類が用意されています。HTML5のCanvasを用いて描画され、マークアップも分かりやすく、簡単に編集することが可能です。

0グッド

0クリップ

投稿2020/07/08 22:27

編集2020/07/08 22:32

Chart.jsのtooltipsで単位をつける際に凡例を出力する方法(複数グラフがある場合)

タイトルの通りですが、tooltipsのコールバックを使用し単位を付けるまでは問題ないのですが、グラフが複数ある場合に、それぞれのグラフに応じた凡例をどのように出力すれば良いか分かりません。

該当のソースコード

tooltips: { mode: 'index', position: 'customMode', callbacks: { label: function (tooltipItem, data) { return data.datasets[0].label +   ←この部分です ": " + tooltipItem.yLabel + " 円"; } } }

試したこと

上記のソースコードのdata.datasets[0]の部分が凡例を出力するコードですが、配列の0番目を指定しているので、どのグラフのポイントをホバーしても同じ凡例が表示されてしまいます。
それぞれに応じた凡例を表示させるためにはどのように記述すれば良いでしょうか。

補足情報(FW/ツールのバージョンなど)

Chart.js/2.7.2

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問