d3 在折线图中沿 x 轴改变线/区域颜色

Question

我正在尝试沿折线图（及其下方的区域）改变颜色。我见过很多使用渐变来改变颜色的例子，在所有这些例子中，颜色都是沿着 y 轴变化的。我想根据时间段沿 x 轴变化（所以上午 8 点到中午是一种颜色，中午到下午 5 点是另一种颜色，等等）。

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

Answer 1

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

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