颜色分配剑道图表

时间:2015-06-26 18:35:53

标签: javascript kendo-ui kendo-chart

我有两个dataseries,想要提供不同颜色,如下所示。然而,无论我分配不同的颜色,我最终会得到相同的颜色,这是最后一个系列的颜色(#006666)。

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

1 个答案:

答案 0 :(得分:1)

这就是你这样做的方式,

  1. 首先访问剑道图表>选项>系列[索引]>颜色,然后给出你想要的颜色
  2. 刷新剑道图表
  3. 这里是代码示例:

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

    DEMO

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