Question

例如，我有一个有5个点的系列，它们的值是5,10,15,20,25，现在我想将包含point1（值：5）的部分系列的颜色改为point2（值：10）为红色，想要将包含point2（值：10）的part系列的颜色更改为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
    }
  }]
});

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

1 个答案: