具有多色渐变的面积图

时间:2017-04-18 18:04:02

标签: d3.js charts area

我想建立一个类似于的图表: Elevation over distance

此图表显示3件事:高程(y)距离(x)和颜色代表渐变变化。我怎样才能使用D3.js复制这个?

1 个答案:

答案 0 :(得分:0)

您可以在samples中查看样品,并根据您的要求选择适合您的样品。但我建议使用thisthis之类的内容。第一个没有给你变色能力。您可能需要阅读文档并找出答案。减小条的宽度后,您可以使用第二个非常小。您可能需要将其转换为满足您的数据输入方法。我强烈建议你仔细阅读样本。作为帮助,我可以发布更多样本,您可以自定义。

Area Gradient fill

Applying a colour gradient to an area fill in d3.js