Как добавить условную окраску к графикам в Кендо?

введите здесь описание изображения

Я пытаюсь добиться функциональности в моей таблице кендо, как указано выше.

Цвета полосы должны меняться в зависимости от процентного значения. Я рассмотрел другие примеры, подобные приведенному ниже:

Привязка диаграммы DataViz (гистограмма) локально с использованием Angular

Но он использует 4 разные серии, которые имеют предопределенный цвет. Мне нужно, чтобы цвета менялись в зависимости от процентного значения. Есть ли способы добиться этого вместо нескольких серий?


person sony    schedule 31.07.2014    source источник


Ответы (1)


В разделе seriesDefaults я изменил, как показано ниже:

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";
        }
    }

введите здесь описание изображения

person sony    schedule 31.07.2014