我有两个系列，每个系列都有其颜色，我希望能够在特定列中为两个系列定义不同的颜色。
如何以灰色显示前三列？https://jsfiddle.net/Kagebi/omcqrzsu/
Highcharts.chart('container', {
chart: {
type: 'column',
},
plotOptions: {
column: {
grouping: false
}
},
tooltip: {
shared: true // true breaks series highliting on hover
},
xAxis: {
categories: ['24-02', '25-02', '26-02', '27-02', '28-02', '29-02', '01-03', '02-03', '03-03', '04-03', '05-03']
},
series: [
{
name: 'Expected',
data: [180, 140, 180, 140, 180, 140, 180, 140, 180, 140, 180],
color: '#b2dbff',
},
{
name: 'Current',
data: [99, 197, 165, 80, 144, 80, 144, 80, 144, 80, 144],
color: '#1d94fa'}
],
events:{
load: function() {
var point = this.series[0].points[1];
point.update({
color: 'black'
});
}
},
}
)
您可以像这样指定系列中每个条目的颜色：
data: [{
name: 'Point 1',
color: '#00FF00',
y: 0
}, {
name: 'Point 2',
color: '#FF00FF',
y: 5
}]
请参阅此处的文档：https : //www.highcharts.com/docs/chart-concepts/series（第3点）。
我在这里用灰色的前三列更新了您的jsfiddle：https ://jsfiddle.net/0mhnck5L/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句