Highcharts上的FillColor工作方式不同

FillColor on Highcharts working differently

本文关键字：方式不工作 FillColor 上的 Highcharts 更新时间：2023-09-26

我要做的是根据它的表现如何反对它的目标来填充特定的颜色的单个符号。以前管用，但由于某种原因不再管用了。我试图找出问题在哪里，但无法找出:

    var seriesColor = "#000";
    preprocessData = function (divId, data, last, goal) {
        var nData = []; var symbol = "diamond"; var radius = 5;
        var colorGood = '#348017'; var colorBad = '#E42217'; var colorUse;
        for (var i = 0; i < data.length; i++) {
            if (data[i] <= goal[i]) { colorUse = colorGood; }
            else if (data[i] > goal[1] * 1.17) { colorUse = colorBad; }
            else { colorUse = '#FFE303'; }
            if((divId == "WebServItRun" || divId == "ISOServicesRun") && i == 9 ){
                symbol = "circle";
                radius = 10;
            }
            else if((divId == "WebServItRun" || divId == "ISOServicesRun") && i != 7){
                symbol = "diamond";
                radius = 5;
            }
            nData.push({
                y: data[i],
                x: i,
                color: colorUse,
                fillColor: colorUse,
                marker: {
                    symbol: symbol,
                    radius: radius
                }
            });
        }
        seriesColor = colorUse;
        return nData;
    };

然后在系列调用中:

    {
            type: 'spline',
            name: series2,
            data: preprocessData(divId, current, last, goal),
            color: seriesColor,
            marker: {
                symbol: 'diamond'
            }
        }

有什么想法吗

如果你试图设置标记的填充颜色，那么fillColor声明需要在标记对象内部。

这:

        fillColor: colorUse,
        marker: {
            symbol: symbol,
            radius: radius
        }

应该是这样的:

    marker: {
        fillColor: colorUse,
        symbol: symbol,
        radius: radius
    }