ブックマーク / qiita.com/okatako (1)

  • Chart.js でY軸を表示しながらグラフを横スクロールする【デモページあり】 - Qiita

    下記画像を見て「ぴん」とくる方むけの記事です。 2020/11/3 追記 <app> タグで囲まれたときの問題について追記しました。 下記 JSFiddle ページにデモがあります。 https://jsfiddle.net/oktopus1959/w4gan9tk/23/ 適当にソースを修正して「Run」を実行すると、その修正を反映した表示がされます。いろんな値をいじって、表示がどのように変化するかを見るのも面白いですよ。 また、左右のY軸を固定表示したグラフを使用したサイトも作成しました1。 https://ncov.oktopus59.net/ 基アイデア 「参考」にも書きましたが、 Y軸のイメージを別の canvas にコピーして元のイメージと重なるように配置する です。 ソースコード Chart.js, JavaScript, CSS にある程度慣れている方なら、コメントを読め

    Chart.js でY軸を表示しながらグラフを横スクロールする【デモページあり】 - Qiita
    usaku
    usaku 2023/10/17
  • 1