Highcharts：如何为条形图中的每个类别赋予不同的颜色？

Question

如问题所述。我正在尝试为条形图中的每个类别赋予不同的颜色。这可以在折线图中轻松完成，我们可以将每个系列作为对象传递。但我无法在条形图上做到这一点。请参阅 picture 以获得更清楚的信息。
另外，请参阅 demo code 我是如何实现它的。它看起来像下面这样。

xAxis: {
  categories: ['Nominal Bonds', 'Inflation', 'Equity'],
},
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}]
    }
]

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

Answer 1

你可以用这个来完成：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}]
    }
]

演示：https://jsfiddle.net/BlackLabel/q97vxzct/

Highcharts：如何为条形图中的每个类别赋予不同的颜色？

Highcharts: How to give a different color to each category in barcharts?

javascript

highcharts