如何将组辅助x轴添加到highcharts

时间:2017-10-08 14:21:03

标签: javascript highcharts

我最近开始使用highcharts JavaScript库,并遇到了我应该在现有组合图表的对面站点添加辅助X轴的情况。我添加了x轴,但是我需要将辅助x轴分组如下。

Q1 as jan feb mar 
Q2 as april may june

1 个答案:

答案 0 :(得分:0)

您可以使用tickPositionstickInterval获取所需的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,
    }
  ],

Fiddle演示