用于具有特定功能的折线图的JavaScript画布图表库

Question

我正在尝试创建一个HTML5画布（也可以是基于SVG或矢量）的折线图，其中包含以下要求。

• 当一条线大于另一条线时，能够在两条线之间遮挡（如下图所示）。

• 绘制纹理图层的能力

-------------------------------------------------------
texture1 10% width, texture2 90% width
-------------------------------------------------------
texture1 20% width, texture2 80% width
-------------------------------------------------------
..
.. and so on
-------------------------------------------------------

• 绘制渐变图的能力

-------------------------------------------------------
color1 20% color2 10% color3 40% color4 30%
-------------------------------------------------------
color1 20% color2 30% color3 30% color4 20%
-------------------------------------------------------
..
.. and so on
-------------------------------------------------------

是否有任何javascript库可以执行所有这些操作？如果没有，是否有任何库可以单独使用它们。如果没有可用的开源解决方案，请建议好的付费库。

我目前正在使用flot chart，它具有我想要的所有功能，除了上面提到的第一点和第三点。请建议。

提前致谢。

Answer 1

没有理由从头开始做任何事情！渐变是ZingChart charting library中的标准功能，您可以使用range based fill轻松执行rules。

至于纹理层，你介意澄清吗？你能提供一个你想要完成的事情的例子吗？

免责声明：我在ZingChart团队，在这里回答有关您可能实施的任何问题。