kendo-ui - 剣道のチャートに条件付きカラーリングを追加するには?

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