javascript - 使用默认颜色更改 Highcharts 中列的颜色

Question

我必须更改 Highcharts 中一列的颜色。我知道我们可以对整个系列进行哪些更改，但无法弄清楚仅对一列进行更改。这就是我的系列的制作方式:

var dates = [];
var scores = [];
vm.data.values.forEach(function (item) {
    dates.push(datefilter(item.date, 'yyyy-MM'));

    if (item.isCurrent) {
        scores.push({
            y: item.score || 0,
            marker: {
                fillColor: '#FF0000',
                lineWidth: 5,
                lineColor: "#FF0000"
                }
            });
    }
    else {
        scores.push(item.score || 0);
    }
});

vm.chartConfig = {
            options: {
                chart: {
                    type: 'column'
                },
                plotOptions: {
                    series: {
                        cursor: 'pointer'
                        },
                        marker: {
                            lineWidth: 1,
                            symbol: 'circle'
                        }
                    }
                }
            },
            title: {
                text: "Scores"
            },
            xAxis: {
                categories: dates
            },
            yAxis: {
                title: {
                    text: null
                }
            },
            series: [
                {
                    name: 'Scores',
                    data: scores,
                    color: "#249858"
                }
            ]
        };
    };

该组件的 html 如下所示:

<highchart config="vm.chartConfig"></highchart>

使用此代码，我只能看到在 ChartConfig 对象中设置的 1 种颜色。我在 foreach 循环中创建系列数据时设置的数据永远不会生效。任何指针或 plunkr 链接都会很棒。

Answer 1

对于遇到类似问题的人来说，我设置的颜色位置错误。改变

旧

if (item.isCurrent) {
    scores.push({
        y: item.score || 0,
        marker: {
            fillColor: '#FF0000',
            lineWidth: 5,
            lineColor: "#FF0000"
            }
        });
}
else {
    scores.push(item.score || 0);
}

与新代码

if (item.isCurrent) {
    scores.push({
        y: item.score || 0,
        marker: {
            fillColor: '#FF0000',
            lineWidth: 5,
            lineColor: "#FF0000"
            }, 
        color: '#FF0000'
        });
}
else {
    scores.push(item.score || 0);
}

帮我解决了这个问题。

注意:我保留的标记颜色是因为我正在渲染折线图和柱形图。颜色适用于柱形图，而标记适用于折线图。