如何將組輔助X軸添加到高圖

Question

我最近開始使用highcharts JavaScript庫，遇到了一種情況，我應該在相對的站點中將輔助X軸添加到現有組合表中。 我已經添加了x軸，但是我需要按如下方式對輔助x軸進行分組。

Q1 as jan feb mar 
Q2 as april may june

Answer 1

您可以使用tickPositions和tickInterval獲得所需的xAxis

  xAxis: [{
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
      ],

    }, { // Top X axis
      linkedTo: 0,
      categories: ['', 'Q1', '', '', 'Q2', '',
        '', 'Q3', '', '', 'Q4', ''
      ],
      tickPositions: [1,4,7,10],
      tickInterval: 4,
      opposite: true,
    }
  ],

小提琴演示