如何根据Kendo UI中的点值更改折线图系列的颜色？

Question

例如,我有一个有5个点的系列,它们的值是5,10,15,20,25,现在我想改变包含point1(值:5)到point2的零件系列的颜色(值:10 )要红色,并想要将包含point2(值:10)的部分系列的颜色更改为point2(值:15)为绿色,依此类推,怎么办？现在我可以改变颜色整个系列,但不知道如何根据其价值改变系列的一部分？

改变整个系列

function onDataBound(e) {
    e.sender.options.series[0].color= "red";   
}

就像这个例子,我现在可以改变点的颜色,但不能改变起点和终点之间的线.我的例子

Answer 1

系列的颜色选项可以设置为在渲染过程中调用的函数.这是一个简短的演示:

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    data: [1, 2],
    color: function(point) {
      if (point.value > 1) {
        return "red";
      }

      // use the default series theme color
    }
  }]
});