更改高图表，火花线，标志颜色

Question

我如何在高图表星际线中给标记涂上颜色？下面没有任何影响，标记都保持在他们的默认蓝色。

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: {}
});

Answer 1

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

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

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

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

JSFiddle demo。