Blick auf die folgende Geige arbeiten: http://jsfiddle.net/fmarino/q9c31a1g/3/highcharts über Liniendiagramme Zoomen nicht richtig
$(function() {
$('#container').highcharts({
chart: {
zoomType: 'x'
},
credits: {
enabled: false
}, title: {
text: 'Production per orbit'
},
xAxis: {
crosshair: true,
title: {
text: 'Orbits'
} },
yAxis: {
min: 0,
title: {
text: 'Volume'
}
},
legend: {
align: 'right',
x: -30,
verticalAlign: 'top',
y: 25,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
borderColor: '#CCC',
borderWidth: 1,
shadow: false }, tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y}</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
bar: {
dataLabels: {
enabled: true
}
},
column: {
dataLabels: {
enabled: true
},
pointPadding: 0.2,
borderWidth: 0
}
},
exporting: {
sourceWidth: 1400,
sourceHeight: 400,
// scale: 2 (default)
chartOptions: {
subtitle: null
}
}, series: [ {
name: 'Total Size',
data: [...]
});
});
dann versuchen, auf dem Abschnitt auf der linken Seite zu vergrößern. Zu mir (Firefox) zeigt es nur l2 Größe nach dem Zoomen. Mache ich etwas falsch? Was ist die richtige Methode zum Zoomen auf einem solchen Diagramm?
Vielen Dank
Ihre Daten sind nicht sortiert. Überprüfen Sie die Konsole auf eine Fehlermeldung. –
... oder verwenden Sie den Reihentyp, der nicht sortiert werden muss - wie zerstreuen: http://jsfiddle.net/6qqLgpvw/ IMO bessere Lösung wird jedoch, Ihre Daten zu sortieren, wie Halvor vorgeschlagen. –