d3在线图中沿x轴改变线/面颜色

Question

我试图沿着折线图（以及它下面的区域）改变颜色。我已经看过很多使用渐变来改变颜色的例子，在所有这些例子中，颜色沿着y轴变化。我想根据时间段沿着x轴变化（所以8 am-noon将是一种颜色，中午-5pm是另一种颜色，等等。）

有没有办法修改渐变来做这个或其他一些相对简单的方法？我的代码基于此示例（http://bl.ocks.org/mbostock/3883245），只是将时间段更改为分钟而不是几天。任何帮助表示赞赏。

Answer 1

您也可以使用渐变来沿x轴修改。您需要做的唯一不同的事情是相应地设置x1，x2，y1，y2。参见例如here举个例子。您为渐变设置的停靠点需要与时间段相对应。

有关使用渐变来改变x轴颜色的完整示例，请查看this。