javascript - 如何将 Highcharts 条形颜色重置为原始颜色？

Question

我有 Highcharts 版本 4.1.10

我有一个条形图，当值超过阈值时我会更改条形的颜色。

//timeout calls this at regular interval
function myTimeoutFunction() {
    var xmlRequest = $.ajax({
        dataType: "json",
        url: applicationPath + 'myWebapi/valuesToMeasure',
        cache: false,
        success: myFunctionOnSuccess,
        error: myFunctionOnError
    });
}

function myFunctionOnSuccess(myData) {
    if (myData.value > 500000000) {
        mySeriesDataArray.data.push({ y: myData.value, color: "rgb(255, 0, 0)" });
    } 
    else  {
        mySeriesDataArray.data.push({ y: myData.value);
    }

    //...

    mySeries.setData(mySeriesDataArray.data,true);
}

系列数据使用超时按时间间隔更新。

当一个值超过阈值时，它会按预期工作并将条形图着色为红色。

但是当值回到阈值以下时，条形图保持红色。我假设颜色样式刚刚得到保留。

有没有办法告诉 Highcharts 将颜色重置为 Highcharts 首先为该系列自动选择的原始颜色？

Answer 1

尝试在更新前重置颜色计数器。

chart.colorCounter = 0;

这是一个例子:

JSFiddle