生活の跡

個人的な備忘録

2019-12-26から1日間の記事一覧

Chart.js で指定した横軸の範囲を塗りつぶす

やりたいこと イメージは次のキャプチャの通りです。 使用したライブラリ jQuery 3.4.1 Chart.js 2.9.3 コード HTMLのbody部分 <div class="canvas-wrapper"> <canvas id="chart"></canvas> </div> javaScript(jQuery) Chart.js のプラグイン機能を使います。ここでは、1985年〜1990年の範囲を塗りつぶすように設定します…

Chart.jsで、横軸の閾値を境にデータの色を変える

概要 例えば、年ごとの時系列データがあったとして、平成元年以降は色を変えて強調したいというような場合を想定した処理です。 完成イメージ 閾値が変更されたら、閾値を境にデータの色を変更します。 使用したライブラリ jQuery 3.4.1 Chart.js 2.9.3 コー…

画面幅より広い親要素内で、画面に表示されている両端の子要素を取得する

img { border: 1px solid #000; } 概要 年表のWebアプリを作っています。すべての期間が画面幅に収まらないため、横スクロールで一部の期間のみ表示させています。 画面に表示されている両端の年を取得する必要が出てきたので、jQueryでの実装方法を調べまし…