Wie macht man Highstock mit zwei xAxis?

Question

Der Navigator in Highstock scheint nur die erste xAxis zu beeinflussen. Die zweite xAxis, wie im unten verlinkten Beispiel, wird nicht neu skaliert und zeigt immer alle Daten an.

See jsfiddle below: 

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

Wer weiß, wie dieses Problem beheben?

Answer 1

Sie können Extreme in der zweiten Achse manuell einstellen, nachdem die Extreme in der ersten Achse festgelegt wurden.

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); 
     } 
    } 
    }, 

Beispiel: https://jsfiddle.net/t9ug4pm7/9/

Sie auch zwei Achsen verbunden ist, kann, so die Extreme verknüpft Achse nach der Master-Achse folgen. Bei Spalten ist es jedoch erforderlich, pointRange zu definieren, da andernfalls Spalten möglicherweise falsch gezeichnet werden.

, { //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, 
     }, 

Beispiel: https://jsfiddle.net/t9ug4pm7/11/