2012-03-28 7 views
11

El API no muestra un ejemplo apropiado a utilizar connectNulls propiedad. Tuve algunos intentos pero no tuve suerte. Aquí es lo que tengo:Conexión de puntos nulos en los gráficos Highstock

Intento 1:

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

Esto se traduce en: TypeError: Cannot read property 'x' of undefined

Intento 2:

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

Esto no me da ningún errores, así que supongo que esto es lo más cercano a la forma correcta, sin embargo, nada cambia: el punto s desde cualquier lado de null puntos no están conectados.

¿Alguien puede compartir un código cortado con tijeras que muestra la manera correcta de hacerlo?

Respuesta

18

La API de Highcharts tiene dos ejemplos para la propiedad connectNulls: uno para true y otro para false.

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

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

un fragmento de la true ejemplo:

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

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

un fragmento de la false el e jemplo:

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

El valor por defecto de false es una elección reflexiva, porque cuando se conecta valores cuando no hay datos, los resultados pueden llevar a falsas suposiciones por parte del espectador de la tabla.

ACTUALIZACIÓN

Aquí hay una Highstock ejemplo:

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

}); 
+0

extraño, el enlace que he proporcionado no tiene los ejemplos, pero el suyo no. Parece que los documentos Highstock y Highchart son diferentes. – unexplored

+0

@unexplored - Se agregó el ejemplo HighSTOCK. – mg1075

+0

Todos los enlaces están muertos. – MightyPork

Cuestiones relacionadas