我希望在多天的过程中绘制一些基于时间的数据（使用简单的折线图）。我想将一天中的时间呈现为折线图背景中的颜色渐变。每天的中午是白色的，午夜几乎是黑色的，而其间的所有其他时间都是介于两者之间的平滑灰度。
我可以通过在我的线条之前绘制矩形来非常非常笨拙地做到这一点，但它有以下问题： 1. 没有数据点的小时不会得到矩形，在我的背景中留下间隙 2. 过渡不平滑，但踩
似乎填补空白的最佳方法是锁定沿 x 轴的刻度，因为无论数据点如何，这些刻度都是有规律地间隔开的。有没有办法让我应用渐变（CSS 或 SVG）以及刻度线，从一个渐变平滑地流向另一个（也就是说，一个渐变结束的位置和另一个渐变开始的位置之间没有间隙，也没有任何重叠)? 如果我添加或删除数据，渐变应该相应地改变。
非常感谢任何和所有的帮助。