Highcharts带有自定义标签的多轴图表

Highcharts带有自定义标签的多轴图表,highcharts,labels,multiple-axes,Highcharts,Labels,Multiple Axes,我有一个带有两个x轴的Highcharts瀑布图: xAxis: [{ useHTML: true, categories: ['ONE', 'TWO', 'THREE', 'FOUR'] }, { tickWidth: 0, categories: [0, 10, 12, 1], labels: { style: { fontSize: '12px', fontFamily: 'Helvetica Ne

我有一个带有两个x轴的Highcharts瀑布图:

 xAxis: [{
    useHTML: true,
    categories: ['ONE', 'TWO', 'THREE', 'FOUR']
    },
   {
    tickWidth: 0,
    categories: [0, 10, 12, 1],
    labels: {
      style: {
      fontSize: '12px',
      fontFamily: 'Helvetica Neue,Helvetica,Arial,sans-serif',
      fontWeight: 'bold'
    },
     formatter: function(){
       return '$ ' + Highcharts.numberFormat(this.value,1)
     }
   }
 }],
例如:

我还尝试在每个条的顶部添加自定义标签(红色标签):

我正在努力在一张图表上显示所有三(3)个,当我添加自定义标签时,第二个轴消失了。有办法把这三个都吃了吗


提前谢谢

通过链接两个类别,我可以添加所有三个:

{
    linkedTo: 0,
    categories: ['ONE', 'TWO', 'THREE','FOUR']
},
{   linkedTo: 0,
    categories: ['FIVE', 'SIX', 'SEVEN', 'EIGHT']
}

请参阅编辑的JSFIDLE:

简短的回答是,您的第二个xAxis将消失,因为您正在用数据标签版本的xAxis替换它。还有一个包含所有三个轴的简单演示: