如何在Highcharts中以相同的系列构建两个X轴？

Question

我希望Highcharts中相同系列中的两个x轴首先在顶部，第二在底部，如示例

（https://d2mvzyuse3lwjc.cloudfront.net/doc/en/QuickHelp/images/How_do_I_add_a_second_nonlinear_x_or_y_axis_to_my_graph_layer/Image020new.gif?v=37680）

Answer 1

您可以通过添加第二个x轴来实现它，该x轴与第一个（主）轴相对并链接。查看下面发布的演示和代码。

代码：

  xAxis: [{

  }, {
    linkedTo: 0,
    opposite: true
  }]

演示：

• https://jsfiddle.net/BlackLabel/uswx8qao/1/

API参考：

• https://api.highcharts.com/highcharts/xAxis.opposite

• https://api.highcharts.com/highcharts/xAxis.linkedTo