Question

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

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

更改Highcharts迷你标记颜色

1 个答案: