¿Cómo agregar coloración condicional a los gráficos en Kendo?

Question

Estoy tratando de lograr una funcionalidad en mi tabla de Kendo como arriba.

Los colores para la barra deben cambiar dependiendo de un valor porcentual.He mirado a otros ejemplos como el a continuación:

Encuadernación de Data de datos (gráfico de barras) Localmente usando Angular

Pero utiliza 4 series diferentes que tiene un color predefinido.Necesito los colores para variar según un valor porcentual.¿Alguna formas de lograr esto en lugar de múltiples series?

Answer 1

Bajo la serieDefaults, cambié a continuación:

seriesDefaults: {
                            type: "column",
                            column: {
                                color: getcolor // use a function to get color
                            },
                            gap: .1,
                            overlay: {
                                gradient: "none"
                            }
                        },





function getcolor(e) {

        if (e.value < 3000) {
            return "red";
        }
        else if (e.value > 3000 && e.value < 5000) {
            return "orangered";
        }
        else if (e.value > 5000 && e.value < 7000) {
            return "orange";
        }
        else if (e.value > 7000 && e.value < 9000) {
            return "olive";
        }
        else {
            return "green";
        }
    }