Javascript Highcharts:如何为条形图中的每个类别赋予不同的颜色?

Javascript Highcharts:如何为条形图中的每个类别赋予不同的颜色?,javascript,highcharts,Javascript,Highcharts,正如问题所述。我试图给条形图中的每个类别赋予不同的颜色。它可以很容易地在折线图中完成,我们可以将每个系列作为一个对象传递。但我还没能在柱状图上做到这一点。请参阅以获得更清晰的信息 另外,看看我是如何实现它的。它看起来像下面这样。 如果有任何帮助,我们将不胜感激。您可以使用此命令:xAxis.type:'category' 伪代码如下: xAxis: { type: 'category', }, series: [ { data: [{ name:'Nominal Bo

正如问题所述。我试图给条形图中的每个类别赋予不同的颜色。它可以很容易地在折线图中完成,我们可以将每个系列作为一个对象传递。但我还没能在柱状图上做到这一点。请参阅以获得更清晰的信息
另外,看看我是如何实现它的。它看起来像下面这样。


如果有任何帮助,我们将不胜感激。

您可以使用此命令:
xAxis.type:'category'

伪代码如下:

xAxis: {
  type: 'category',
},
series: [
    {
      data: [{ name:'Nominal Bonds 1',y:5 }, { name:'Nominal Bonds 2',y:23}]
    },

    {
     data: [{ name:'Inflation 1',y:15 }, { name:'Inflation 2',y:12}, { name:'Inflation 3',y:22}]
    },

    {
    data: [{ name:'Equity 1',y:35}, { name:'Equity 2',y:21 }, { name:'Equity 3',y:52 }, { name:'Equity 4',y:31}]
    }
]

演示:

阅读文档。非常清楚。谢谢你的回答,但这种方法的问题是我们必须手动为每个数据对象指定颜色。我已经更新了这个问题来解释我是如何做的。请注意,
xAxis.type:'category'
和定义类别数组之间存在差异。定义类别后,数据对象不应包含名称,而应包含定义类别点所属的x值。演示:非常感谢!这正是我想要的。你能同时更新你的答案吗?这样我就可以把它标记为已接受。@mehraG我接受了你的编辑。
xAxis: {
  type: 'category',
},
series: [
    {
      data: [{ name:'Nominal Bonds 1',y:5 }, { name:'Nominal Bonds 2',y:23}]
    },

    {
     data: [{ name:'Inflation 1',y:15 }, { name:'Inflation 2',y:12}, { name:'Inflation 3',y:22}]
    },

    {
    data: [{ name:'Equity 1',y:35}, { name:'Equity 2',y:21 }, { name:'Equity 3',y:52 }, { name:'Equity 4',y:31}]
    }
]