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

Javascript Highcharts-列颜色与图例中的颜色不同,javascript,highcharts,Javascript,Highcharts,我已经为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: {

我已经为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'}]
  },
]

};
然而,图例中的一列颜色与相应的列不同,如图所示:

我不认为可以为xAxis>类别定义自定义颜色,但只能在数据输入中定义


有什么想法吗

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

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

系列颜色决定了图例图标的颜色

因此:

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

name: 'Dog',
color: '#f00',
data: [1,1.45]
更新了在系列级别设置颜色的小提琴:


除了数据数组,你能发布一些代码吗?我刚刚添加了highcharts配置对象。为什么你要在点级别设置颜色,而不是在series.level上?例如名称:dog,颜色:red?谢谢,在他们的文档中,系列部分中没有颜色属性。您需要的部分是plotOptions->series,而不是顶级系列对象。可在此处找到: