如何仅更改 Highchart 迷你图线上的颜色？答案

【问题标题】：How to change color on the Highchart Sparkline line only?如何仅更改 Highchart 迷你图线上的颜色？
【发布时间】：2018-05-15 19:59:53
【问题描述】：

我只需要有关如何更改 HighChart 迷你图线的帮助。

在下面的演示中，线条和背景是蓝色的 https://www.highcharts.com/demo/sparkline

我需要更改线条颜色。请告诉我如何实现这一目标。

【问题讨论】：

标签： highcharts

【解决方案1】：

我本来想说你应该看看Highcharts API，但后来意识到我在那里找不到解决方案。

如果您将lineColor 添加到plotOptions.series，您可以在线选择您想要的颜色。这可能是实现您想要的几种方法之一。

见jsfiddle 我设置lineColor: 'red'。

【讨论】：

【解决方案2】：

颜色：颜色主色还是系列。在线条类型系列中，除非另有说明，否则它适用于线条和点标记。在条形系列中，它适用于条形，除非为每个点指定颜色。默认值是从 options.colors 数组中提取的。

代码示例：

Highcharts.chart('container', {
xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
plotOptions: {
    series: {
        color: '#FF0000' // series color
    }
},

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]});

jsFiddle：fiddle

改变系列风格的链接

series color

series lineWidth

dashStyle

【讨论】：