Question

我需要有关如何更改HighChart Sparkline系列的帮助。

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

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

Answer 1

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

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

请参阅我设置lineColor: 'red'的{{3}}。

Answer 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

如何仅在Highchart Sparkline系列上更改颜色？

2 个答案: