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

Question

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

Here is the page for the specific kind of chart I want

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

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

Answer 1

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

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

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