javascript - 如何更改 canvasjs 堆叠条形图中的第一个条形颜色？

Question

我正在开发一个需要横向堆积条形图的项目。这需要用 JavaScript 编写，而我找到的最好的库是 CanvasJS。在我创建的图表中，堆叠条中使用的颜色不仅用于区分不同的条，颜色也有意义。因此，如果我可以独立于其他条形指定堆叠条形的每个部分的颜色，我会很高兴。

这是我想要的特定类型图表的页面

在此页面上，他们提供的示例有 5 个条形图，每个条形图的颜色为蓝色、红色、紫色、绿色、浅蓝色。对于所有 5 个条形，颜色的顺序相同。我希望能够独立地混合顺序，这样我就可以有一个红色>绿色>黄色的条，另一个绿色>黄色>红色的条，等等。

如果您知道如何执行此操作，或者您知道我可以在其中执行此操作的另一个图形库，我将非常感谢您的帮助。谢谢！

Answer 1

看起来这只是单独为每个数据点添加颜色属性的问题：

{ x: new Date(2012, 01, 1), y: 71, color: "red" }

...可以以您喜欢的任何方式为每个数据点完成。