使用d3自定义图表

Question

我的要求是绘制一个图表,如下图所示.

在我的研究中,我发现d3是创建图形的最佳工具.

像下面这样添加了数据集,它与本机反应完美.

任何想法如何使数据集如下所示着色(当涉及不同区域时颜色发生变化).

Answer 1

我遵循了马克链接的块中提到的方法。

1. 定义色阶
2. 定义要对线/区域进行着色的值数组
3. 将这些值转换为基于高度的百分比，并使用这些百分比应用线性渐变
4. 对路径和区域使用相同的比例

这是我创建的示例的链接。