Question

Highstock中的导航器似乎只会影响第一个xAxis。第二个xAxis，如下面链接的示例中所示，未重新调整，并始终显示所有数据。

See jsfiddle below:

https://jsfiddle.net/wardrop/t9ug4pm7/7/

有谁知道如何解决这个问题？

Answer 1

在第一轴设置极值后，您可以手动设置第二轴的极值。

xAxis: [{
    type: 'datetime',
    minRange: 24 * 3600000, // 1 day
    labels: {
      align: "left",
      rotation: 45
    },
    dateTimeLabelFormats: {
      day: '%e %b %Y'
    },
    events: {
        afterSetExtremes: function (e) {
        this.chart.xAxis[1].setExtremes(e.min, e.max, true, false);
      }
    }
  },

示例：https://jsfiddle.net/t9ug4pm7/9/

你也可以链接两个轴，所以链接轴＆＃39;主轴后将出现极值。但是对于列，需要定义pointRange，因为没有它，列可能会被错误地绘制。

, { //axis
      type: 'datetime',
      linkedTo: 0, // linked to master axis
      minRange: 24 * 3600000,
      lineWidth: 0,
      tickWidth: 0,
      labels: {enabled: false},
      opposite: true
  }

series: [{
        id: 'daily',
        name: 'Daily',
        type: 'column',
        color: 'rgb(124, 181, 236)',
        data: data['daily'],
        pointRange: 1000 * 3600 * 24,
      },

示例：https://jsfiddle.net/t9ug4pm7/11/

如何使用两个xAxis使Highstock工作？

1 个答案: