gpt4 book ai didi

javascript - Highcharts - 列颜色与图例中的颜色不同

转载 作者:行者123 更新时间:2023-11-28 11:54:10 26 4
gpt4 key购买 nike

我已经为 highcharts 柱形图的系列数据定义了自定义颜色

data: [{y: 1234.5, color: '#234567'}, ...]

示例代码

var options = {
chart: {
type: 'column'
},
title: {
text: 'Period'
},
xAxis: {
categories: ['Cat 1', 'Cat 2'];
})
},
yAxis: {
min: 0,
title: {
text: null
}
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},

series: [
{
name: 'Dog',
data: [{y: 1, color: '#FF0000'}, {y: 1.45, color: '#FF0000'}]
},
{
name: 'Cow',
data: [{y: 2, color: '#CCCCCC'}, {y: 5.00, color: '#CCCCCC'}]
},
{
name: 'Bird',
data: [{y: 3, color: '#BBBBBB'}, {y: 3.45, color: '#BBBBBB'}]
},
]

};

但是,图例中的一列颜色与相应的列不同,如图所示:

http://prntscr.com/6c2o25

我认为无法为 xAxis > 类别定义自定义颜色,但只能在数据输入内部定义自定义颜色。

有什么想法吗?

最佳答案

您正在点级别而不是系列级别设置颜色。

这会将系列颜色保留为 Highcharts 默认颜色,尽管您的列是您想要的颜色。

系列颜色决定图例图标颜色。

所以这个:

name: 'Dog',
data: [{y: 1, color: '#FF0000'}, {y: 1.45, color: '#FF0000'}]

应该是:

name: 'Dog',
color: '#f00',
data: [1,1.45]

更新了在系列级别设置颜色的 fiddle :

关于javascript - Highcharts - 列颜色与图例中的颜色不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28825135/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com