2016-04-05 5 views
0

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

+3

Ihre Daten sind nicht sortiert. Überprüfen Sie die Konsole auf eine Fehlermeldung. –

+0

... 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. –

Antwort

2

wie Halvor vorgeschlagen, meine Daten wurden nicht sortiert. Eigentlich hatte es eine umgekehrte Reihenfolge, ein Punkt fehlte.

Das Sortieren von Daten im aufsteigenden Modus hat das Problem behoben.

Vielen Dank.

Verwandte Themen