javascript - 颜色分配剑道图表

Question

我有两个dataseries并且想要给出不同的颜色，如下所示。然而，无论我分配不同的颜色，我最终都会得到相同的颜色，即最后一个系列的颜色(#006666)。

 self.dataSeries[0].color = "#66FF66";
 self.dataSeries[1].color = "#006666";
 chart.options.series = self.dataSeries;

Answer 1

这就是你的做法，

1. 首先访问剑道图>选项>系列[索引]>颜色，然后给出您想要的颜色
2. 刷新剑道图表

这里是代码示例:

$("#chart").data("kendoChart").options.series[0].color = "#66FF66";
$("#chart").data("kendoChart").options.series[1].color = "#006666";
$("#chart").data("kendoChart").refresh();

DEMO

注意:有一个图表和一个按钮分配新颜色来更改系列颜色