Kendo ui 如何在剑道中为图表添加条件着色?

Kendo ui 如何在剑道中为图表添加条件着色?,kendo-ui,kendo-chart,Kendo Ui,Kendo Chart,我正试图在剑道图中实现上述功能 条形图的颜色应根据百分比值而变化。我已经研究了其他示例,如下面的示例: 但它使用了4个不同的系列,这些系列具有预定义的颜色。我需要颜色根据百分比值变化。有没有办法代替多个系列来实现这一点?在SeriesDefault下,我做了如下更改: seriesDefaults: { type: "column", column: {

我正试图在剑道图中实现上述功能

条形图的颜色应根据百分比值而变化。我已经研究了其他示例,如下面的示例:


但它使用了4个不同的系列,这些系列具有预定义的颜色。我需要颜色根据百分比值变化。有没有办法代替多个系列来实现这一点?

在SeriesDefault下,我做了如下更改:

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";
        }
    }
系列默认值:{
键入:“列”,
专栏:{
color:getcolor//使用函数获取颜色
},
差距:1,
覆盖:{
梯度:“无”
}
},
函数getcolor(e){
如果(e.值<3000){
返回“红色”;
}
否则,如果(e.value>3000&&e.value<5000){
返回“橙色”;
}
否则如果(e.value>5000&&e.value<7000){
返回“橙色”;
}
否则如果(e.value>7000&&e.value<9000){
返回“橄榄”;
}
否则{
返回“绿色”;
}
}