複数日にわたる時間ベースのデータをグラフ化しようとしています (単純な折れ線グラフを使用)。折れ線グラフの背景に時刻を色のグラデーションとして表示したいと思います。毎日の正午は白く、真夜中はほとんど黒く、その間の他のすべての時間はその間の滑らかなグレースケールになります。
線の前に長方形を描くことでこれを非常に不格好に行うことができますが、次の問題があります。1.データポイントのない時間は長方形を取得せず、背景にギャップが残りますしかし、踏んだ
ギャップを埋める最善の方法は、データ ポイントに関係なく一定の間隔で配置されている x 軸に沿って目盛りをラッチすることです。CSSまたはSVGのいずれかのグラデーションを目盛りとともに適用する方法はありますか?これは、一方から他方へスムーズに流れます(つまり、一方のグラデーションが終了する場所と他方のグラデーションが開始する場所の間にギャップがなく、オーバーラップもありません) )? データを追加または削除すると、それに応じてグラデーションが変化するはずです。
すべての支援に感謝します。