kendo-ui - 如何在 Kendo 中为图表添加条件着色？

Question

我正在尝试在我的剑道图表中实现上述功能。

条的颜色应根据百分比值而变化。我研究了其他示例，如下所示：

使用 Angular 在本地绑定 DataViz 图表（条形图）

但它使用具有预定义颜色的 4 个不同系列。我需要颜色根据百分比值而变化。有什么方法可以实现这一点而不是多个系列？

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