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

Question

例如，我有一个包含5个点的序列，它们的值分别为5,10,15,20,25，现在我想将包含point1（value：5）的零件序列的颜色更改为point2（value ：10）变成红色，并且想要将包含point2（value：10）的零件系列的颜色更改为point2（value：15）成为绿色，依此类推，该如何做？现在我可以更改整个系列的颜色，但是不知道如何根据其值更改系列的一部分？

更改整个系列

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

就像这个例子一样，我现在可以更改点的颜色，但是不能更改起点和终点之间的线。my example

Answer 1

系列的color选项可以设置为在渲染过程中将被调用的函数。这是一个简短的演示：

<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
    }
  }]
});