kendo ui - mvc - ¿Cómo cambiar el color de una serie de gráficos de líneas de acuerdo con el valor del punto en la interfaz de usuario de Kendo?

kendo grid mvc

Question

Por ejemplo, tengo una serie que tiene 5 puntos y sus valores son 5,10,15,20,25, ahora quiero cambiar el color de la serie de piezas que contiene el punto1 (valor: 5) a punto 2 (valor: 10 ) para ser rojo, y desea cambiar el color de la serie de piezas que contiene el punto2 (valor: 10) al punto2 (valor: 15) para que sea verde, y así sucesivamente, ¿Cómo puedo hacer eso? Ahora puedo cambiar el color de toda la serie, pero no sé cómo cambiar la parte de la serie de acuerdo con su valor?

cambiar toda la serie

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

Al igual que en este ejemplo, ahora puedo cambiar el color del punto, pero no puedo cambiar la línea entre el punto de inicio y el punto final. mi ejemplo

Answer 1

La opción de color de la serie se puede establecer en una función a la que se llamará durante el procesamiento. Aquí hay una breve demostración:

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