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

时间:2015-05-13 21:04:46

标签: javascript charts canvasjs

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

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

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

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

1 个答案:

答案 0 :(得分:2)

看起来只是将颜色属性分别添加到每个数据点:

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

...可以按照您喜欢的方式为每个数据点进行。