Highcharts 如何创建两个分开的xAxis图表

我想创建如下图表。我怎样才能创建这样的图形

最大值必须在xAXIS的中间。

可以使用xAxis.categories设置xAxis标签，然后需要为数据中的每个点定义x值

演示：

---

API:

很酷，谢谢SebastianHi@sebastian，我应该分别呈现相同的xAxis值。例如：系列：[{data1:[[0.1,52]，[2,20]，[3,10]，[2.5,8]，[2.8,13]}，{data2:[[0.1,52]，[2,20]，[3,10]，[2.5,8]，[2.8,13]}]data1应该在xAxis的左侧，data2应该在xAxis的右侧。我担心这不可能在一张图表中实现。请注意，x=5是一个点，其中是分割图表的线。因此，每一个小于5的x将在左侧渲染，大于5的x将在右侧渲染。是的，我这样做了，但我正在寻找更有用的方法。谢谢您的回答。您可以创建一个函数，将5添加到x值中。

Highcharts.chart('container', {

  chart: {
    type: 'scatter'
  },

    xAxis: {
    categories: ['0m', '150m', '250m', '350m', '550m', '700m', '550m', '350m', '150m', '0m'],
    plotLines: [{
        value: 5,
      color: 'red'
    }]
  },

  series: [{
    data: [[0.1, 52], [2, 20], [3, 10], [2.5, 8], [2.8, 13]]
  }, {
    data: [[6, 52], [8, 20], [9, 10], [8.5, 8], [7, 13]]
  }]
});