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