javascript - 更改Highcharts迷你图标记颜色

如何在Highcharts迷你图中为标记着色？下方没有任何作用，所有标记均保持默认蓝色。

var $sparkline = $('.sparkline'),
    colors = ['red','green','blue','green','red'],
    data = [10,20,30,40,50];

$sparkline.highcharts('SparkLine', {
    series: [{
        data: data
    }],
    plotOptions: {
        series: {
            marker: {
                fillColor: {
                    formatter: function () {
                        return colors[this.x];
                    }
                }
            }
        }
    },
    chart: {}
});

最佳答案

我不知道是否有一种方法可以针对图表的特定方面，但是蓝色是图表的主colors数组（#7cb5ec）中的默认第一种颜色。这是通过colors属性（http://api.highcharts.com/highcharts#colors）配置的：

$sparkline.highcharts('SparkLine', {
    colors: [ ... ],
    series: [{
        data: data
    }],
    ...
});

要将其更改为红色为例，只需将'#f00'放置为数组中的第一项：

$sparkline.highcharts('SparkLine', {
    colors: [ '#f00' ],
    ...
});

JSFiddle demo。

关于javascript - 更改Highcharts迷你图标记颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36070457/