剣道のチャートに条件付き色を追加する方法

Question

上記のように私の剣道チャートの機能を達成しようとしています。

バーの色はパーセント値によって変わるはずです。以下のもののような他の例を調べました：

angularを使用して局所的に

しかし、それは事前定義された色を持つ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";
        }
    }

.