Q&A
「round: 'day'」は何を意図して設定していますか?
Bar の項目を参照する限り、有効な設定値では無いように見られますが... : https://www.chartjs.org/docs/latest/charts/bar.html
前提・実現したいこと
chartjs-plugin-zoomを使って以下のようなコードで、グラフを作りました。
https://codepen.io/nemurino-kai/pen/QWNexKJ?editors=0010
chartjs-plugin-zoomのgithub
にあるLive Codepen Demoを改変して作成しました。
発生している問題・エラーメッセージ
「グラフを左にスライドして、昔の期間を見ることはできるが、グラフを右にスライドできない」という、問題が生じています。
なぜ、この問題が起きているのでしょうか？
この問題を直すためには、どのようにコードを書き換えればよいのでしょうか？ご教授ください。
補足情報（FW/ツールのバージョンなど）
round: 'day'を消すと、問題は発生しなくなりました。
ChromeおよびFirefoxで、問題が発生するのを確認しました。
上記のコードでは丁度2020/1/1 0時0分となっていますが、
たとえば2020/1/1 5時5分 のような中途半端なデータがあった時に、0時に丸めたいと考えています。
xAxesのオプションにtime.roundがあったので設定できると思ったのですが、Barには適用できないのでしょうか...?ちなみに、type:'line'としても同様の現象が発生しました。
↓time.roundについての説明
https://www.chartjs.org/docs/latest/axes/cartesian/time.html?h=round
round 設定が存在するのは理解しました。
scales.xAxes.time.max の設定値として「'1/25/2020 15:00:00'」みたいに未来の日時を設定してあげると、round された分も含めて右にもスライドできるようになりそうです (Codepen の内容を編集して確認できました)
ご回答ありがとうございます！確かに未来の日付を指定すれば、グラフがズームアウトして右にもスライドできるようになりました。ただ、左にはスムーズにスライドできるのに対して、右方向にはスライドしにくかったり、反応しないことがあります。
また、2020/1/4みたいな、近い日付をmaxとして指定すると、グラフを右にスライドすることはできませんでした。グラフがどれだけズームされているかで、挙動が変わっているような気がします（何故かはわかりません...
あなたの回答
tips
プレビュー
