Chart.jsで横スクロール可能なグラフを作る - Qiita

概要 Chart.jsでは普通にグラフを作ると画面の幅に合わせて１つのデータ当たりのサイズをレスポンシブに調整して表示してくれます． とても便利ですが，データの量が多いとかなり見づらくなってしまいます． そこでデータ１つ当たりの横幅を固定して画面に収まりきらない分は横スクロールで見えるようにしようと思いましたが，かなり苦労したのでメモを残します．参考になれば幸いです． 完成図 今回は棒グラフが必要だったので，棒グラフを作成しました． 他の種類のグラフは試していませんが，データ構造が同じようなグラフなら上手くいくと思います． 図の下にスクロールバーが描画され，スクロールバーを動かすとスクロールすることができます． (右の方はラベルしか描画されていませんが，値を入れなかっただけなので気にしないでください．） 実行環境 ブラウザ: Google Chrome Chart.js バージョン: 2.