如何将条件着色添加到kendo中的图表？

Question

我试图在上面的kendo图表中实现功能。

栏的颜色应根据百分比值而变化。我看过像下面的其他例子：

使用Angular

但它使用具有预定义的4个不同系列。我需要颜色根据百分比值而变化。实现此目的而不是多个系列的任何方法？

Answer 1

在串行defaults下，我如下更改：

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

.