如何根据 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
    }
  }]
});