LoginSignup
0
0

More than 3 years have passed since last update.

Chart.jsの折れ線グラフで線をホバーするときにエラーになる場合の解決法

Posted at

少し解決に時間がかかったので投稿。誰かの役に立てば幸いです。

現象

Chart.jsで作った折れ線グラフの線をホバーしてツールチップを表示させようとしたらJavaScriptのエラーになった。
※Chart.jsのバージョンは2.8.0です。

コンソールには以下のエラーが。

Chart.min.js:7 Uncaught TypeError: i is not a function
    at ni.render (Chart.min.js:7)
    at Object.callback (Chart.min.js:7)
    at Object.advance (Chart.min.js:7)
    at Object.startDigest (Chart.min.js:7)
    at Chart.min.js:7

i とはなんのこっちゃ?ミニファイされていないファイルに差し替えてみると

Chart.js:8866 Uncaught TypeError: easingFunction is not a function
    at Chart.render (Chart.js:8866)
    at Object.callback (Chart.js:1778)
    at Object.advance (Chart.js:2952)
    at Object.startDigest (Chart.js:2925)
    at Chart.js:2914

というエラー。

解決方法

こちらのissue によると options.animationfalse にしろとあるので、falseにしたところエラーにならずにツールチップが表示されるようになった。
アニメーション表示にこだわらなければこれでよし。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0