多个 X 轴的 Highcharts 问题答案

【问题标题】：Highcharts issue with multiple X axes多个 X 轴的 Highcharts 问题
【发布时间】：2017-11-13 20:57:05
【问题描述】：

当我在柱形图中有多个 x 轴时，无法正确计算呈现的最大值。此外 - 缩放无法按预期工作。这是一个显示问题的 jsfiddle - https://jsfiddle.net/ermht671/。有人有使用 2 x 轴和 Highcharts 的示例吗？

Highcharts.chart('container', {
  yAxis: {
    min: 0,
    max: 1.1
  },
  xAxis: [{
    minRange: 1
  }, {
    minRange: 1,
    linkedTo: 0,
    visible: false
  }],
  series: [{
    name: 'series',
    data: [
      [0.1, 0.2],
      [0.7, 0.4],
      [1.3, 0.2]
    ]
  }, {
    type: 'line',
    xAxis: 1,
    name: 'MPO',
    data: []
  }],

  chart: {
    type: 'column',
    zoomType: 'x'
  }
});

【问题讨论】：

请分享您对正确绘制的最大值和缩放的期望。
我希望在此示例中最大值为 1.5 - 与删除第二个 x 轴相同。缩放也应该像没有第二个 x 轴一样工作。如果您放大上面的示例，它不会调整显示的最大 x。

标签： highcharts

【解决方案1】：

这里的解决方法是将chart.alignTicks设置为false。

现场演示： https://jsfiddle.net/kkulig/3098h8vd/

API 参考： https://api.highcharts.com/highcharts/chart.alignTicks

【讨论】：