Connessione di punti NULL nei grafici di Highstock

Question

Il API non mostra un esempio corretto su come utilizzare la proprietà connectNulls. Ho avuto qualche tentativo ma senza fortuna. Ecco quello che ho:

Tentativo 1:

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

Questo si traduce in: TypeError: Cannot read property 'x' of undefined

Tentativo 2:

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

Questo non mi dà alcun errori, quindi presumo che questo è il più vicino per essere il modo corretto, tuttavia non cambia nulla: il punto s da entrambi i lati dei punti null non sono collegati.

Qualcuno può condividere un codice tagliato che mostra il modo corretto di farlo?

Answer 1

L'API highcharts ha due esempi per la proprietà connectNulls: una per true e una per false.

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

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

Un frammento della true esempio:

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

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

Un frammento della false di e xample:

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

Il valore predefinito di false è una scelta riflessivo, perché quando ci si connette valori quando non ci sono dati, i risultati possono portare a falsi assunzioni da parte dello spettatore del grafico.

UPDATE

Ecco un Highstock esempio:

$(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 
       } 
      }] 
     }); 

});