我希望在多天的过程中绘制一些基于时间的数据（使用简单的折线图）。我想在线图的背景中将时间呈现为渐变色。每天中午都是白色，午夜几乎是黑色，中间的所有其他时间都是平滑的灰度。
我可以通过在我的线条之前绘制矩形来非常，非常笨拙，但它有以下问题： 1.没有数据点的小时不会得到一个矩形，在我的背景中留下一个空白 2.过渡不顺利，但步骤
似乎填补间隙的最佳方法是沿x轴锁定刻度线，因为无论数据点如何，它们都是规则间隔的。有没有办法让我应用一个渐变，CSS或SVG，以及刻度线，它们会顺畅地从一个渐变到另一个（也就是说，一个渐变结束而另一个渐开之间没有间隙，也没有任何重叠）？如果我添加或删除数据，则渐变应相应更改。
非常感谢任何和所有的帮助。
答案 0 :(得分：0)
只需在<def>部分中定义渐变，并将矩形与您绘制的日期对齐。将fill属性设置为url("#the_gradient")。
看看http://www.w3.org/TR/SVG/pservers.html