chart.jsで画像をツールチップに追加する方法 - Qiita

はじめに JavaScriptのChart.jsを使ってツールチップ（マウスオーバーした時に表示される補足説明）内に画像をはめ込む方法を詳細に書いてある記事がヒットしなかったため，まとめました．できるだけ分かりやすいように書いてみたので、冗長と思う方は以下のリンクなどを参考にしてください。 今回作成するグラフは以下のようになります． 目次 Qiitaの都合上、目次と見出しではchart.jsをchart jsとしています。 1.はじめに 2.chart jsの読み込み 3.html css javascript 4.おわりに chart jsの読み込み CDNから読み込む 今回は簡易的に実行するためCDNからchart.jsを読み込みます． 以下にリンクを張ります． chart.js: ver2.9.0 バージョンによっては今回のプログラムを貼り付けただけでは上手く実行できない場合がありま