はてなブックマーク

グラフ画像をただ置いておいても、円グラフはただの丸、棒グラフもただの棒の並びのように見えてしまい、なかなか注目されないものです。 そこでグラフを動かすchart.jsで、グラフをニョキニョキっと動かし、視認性UPに繋がるようにしてみました。 しかし単純にサンプルコードから引っ張って来ても動かなかったり、参考ページを見て追加したことなど、カスタマイズした項目もありますので、合わせてご紹介したいと思います。 公式サイトからDL 公式サイトはこちら 上記からGit hubへアクセスして、chart.jsをDLし、任意のjsディレクトリにUPしておきます。 コードを記述 HTMLファイルのscriptタグまたは外部jsファイルの中身に、以下を記述します。 デモコードよりもさらに記述を追加していますが後に紹介します。 //スクロールしたとき、画面中央で発火して動くようにする var chartEl1