Verbinden von NULL-Punkten in Highstock-Diagrammen

Question

Die API zeigt kein ordnungsgemäßes Beispiel für die Verwendung der connectNulls-Eigenschaft. Ich hatte ein paar Versuche, aber kein Glück. Hier ist, was ich habe:

Versuch 1:

plotOptions : 
{ 
    line: { connectNulls : true} 
}, 

Daraus ergibt sich: TypeError: Cannot read property 'x' of undefined

Versuch 2:

plotOptions : 
{ 
    series: 
    { 
     gapSize: null, 
     line: { connectNulls : true} 
    } 
}, 

Dies gilt nicht geben Sie mir irgendein Fehler, so nehme ich an, dies ist am nächsten, um der richtige Weg zu sein, aber nichts ändert sich: der Punkt s von beiden Seiten null Punkte sind nicht verbunden.

Kann jemand einen Code teilen, der die richtige Vorgehensweise zeigt?

Answer 1

Die highcharts API hat zwei Beispiele für die connectNulls Eigenschaft: eine für true und eine für false.

http://api.highcharts.com/highcharts#series.connectNulls

Das true Beispiel: http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-connectnulls-true/

ein Ausschnitt aus dem true Beispiel:

plotOptions: { 
     series: { 
      connectNulls: true 
     } 
    }, 

Das false Beispiel: http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-connectnulls-false/

ein Ausschnitt aus der false die E xample:

plotOptions: { 
    series: { 
     // connectNulls: false // by default 
    } 
}, 

Der Standard von false ist eine gut durchdachte Wahl, denn wenn Sie die Werte an, wenn keine Daten vorhanden sind, können die Ergebnisse auf falsche Annahmen auf Seiten des Betrachters des Diagramms führen.

UPDATE

Hier ist ein Highstock Beispiel:

$(function() { 

     window.chart = new Highcharts.StockChart({ 
      chart : { 
       renderTo : 'container' 
      }, 

      rangeSelector : { 
       selected : 1 
      }, 

      title : { 
       text : 'AAPL Stock Price' 
      }, 

      series : [{ 
       name : 'AAPL', 
      connectNulls: true, 
       data : [ 
    [1112832000000,43.56], 
[1112918400000,43.74], 
[1113177600000,41.92], 
[1113264000000,null], 
[1113350400000,null], 
[1113436800000,37.26], 
[1113523200000,35.35], 
[1113782400000,35.62], 
[1113868800000,37.09], 
[1113955200000,35.51], 
[1114041600000,37.18], 
[1114128000000,35.50], 
[1114387200000,36.98], 
[1114473600000,36.19], 
[1114560000000,35.95], 
[1114646400000,35.54], 
     [1114732800000,36.06]   
     ], 
       tooltip: { 
        valueDecimals: 2 
       } 
      }] 
     }); 

});