带有自定义标签的 Highcharts 多轴答案

【问题标题】：Highcharts multiple axis with custom labels带有自定义标签的 Highcharts 多轴
【发布时间】：2017-05-01 19:32:05
【问题描述】：

我有一个带有两个 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)
     }
   }
 }],

示例：https://jsfiddle.net/er1187/8gwzcbsk/4/

我还尝试在每个栏的顶部添加自定义标签（红色标签）：https://jsfiddle.net/er1187/pqfa0Lpm/

我正在努力在一个图表上显示所有三 (3) 个，当我添加自定义标签时，第二个轴消失了。有什么方法可以同时拥有这三个？

提前致谢！

【问题讨论】：

简短的回答是您的第二个 xAxis 消失了，因为您将其替换为 xAxis 的数据标签版本。
还有一个包含所有三个轴的简单演示：jsfiddle.net/8gwzcbsk/5

标签： highcharts labels multiple-axes

【解决方案1】：

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

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

查看编辑的 jsfiddle：http://jsfiddle.net/er1187/pqfa0Lpm/

【讨论】：