D3.js 多色渐变面积图

我想建立一个类似以下的图表：

---

这张图表显示了三个方面：海拔（y）、距离（x）和颜色代表渐变变化。我如何使用D3.js复制它

您可以在中检查样品，并根据您的要求选择适合您的产品。但我想说的是或。第一个并没有给你改变颜色的能力。您可能需要阅读文档并找到答案。您可以使用第二个后，减少酒吧的宽度非常小。您可能需要将其转换为适合您的数据输入方法。我强烈建议你仔细检查一下样品。作为一个帮助，我张贴了一些更多的样品，你可以自定义

---

你们在网站上查过样本了吗？我想坚持使用面积图，因为它代表地理数据，当将高程应用到图表上时，你们可以看到远处的山丘。添加颜色渐变有助于了解山有多陡。你仍然可以在网站上定制一些样品。我将用你可以定制的新样本来更改答案。现在检查我的答案。在这里写作之前，我浏览了大量的例子。我上一次的尝试是这样的：它不代表原始图表（请看图片）所做的事情。渐变应用于整个图形的水平或垂直方向，在我的例子中，我只需要为面积图的一些部分着色。根据图片，您需要特定颜色的细垂直条。那么，为什么不尝试自定义条形图，使其具有更细的条形图呢。？