Diagrammi Highcoded che non visualizzano i dati con alcuni livelli di zoom

Question

Sto usando Highcharts/Highstock per tracciare una quantità di dati abbastanza grande (~ 10.000 punti). I dati sono costituiti da oggetti Data sull'asse X e galleggiano su Y, formattati come tali: [[(date), 1.728], [(date), 0.346], ...]. Le date sono sempre ad 1 ora di distanza e non ci sono lacune nei dati.

Quando l'intervallo del grafico è> = 21 giorni (in modo che siano rappresentati almeno 21 giorni di dati), il grafico viene visualizzato correttamente. Ogni volta che l'intervallo è inferiore, tuttavia, il grafico diventa vuoto e il suggerimento visualizza ciascun punto come avente un valore Y pari a 0.0. I valori Y per quei punti do esistono nell'array (li vedo in Firebug), ma non sono visualizzati sul grafico. Ecco come sto inizializzandolo:

mainChart = new Highcharts.StockChart({ 
    chart: { 
    renderTo: 'linegraph' 
    }, 

    rangeSelector: { 
    buttons: [{ 
     type: 'day', 
     count: 1, 
     text: '1 d' 
    }, { 
     type: 'week', 
     count: 1, 
     text: '1 wk' 
    }, { 
     type: 'month', 
     count: 1, 
     text: '1 mo' 
    }, { 
     type: 'year', 
     count: 1, 
     text: '1 yr' 
    }, { 
     type: 'all', 
     text: 'All' 
    }], 
    selected: 2 
    }, 

    series: [{ 
    name: 'Electricity usage (kWh)', 
    data: graphData, 
    tooltip: { 
     valueDecimals: 2, 
     valueSuffix: "kWh" 
    } 
    }], 
}); 

Answer 1

Si scopre che non è possibile utilizzare Data nell'asse X dei tuoi dati. Utilizzare invece il timestamp Unix della data: Date.getTime(). Oggetti di scena importanti per FloppyDisk per avermi indicato nella giusta direzione.

Answer 2

Ho avuto lo stesso problema, ma era tutto normale con i timestamp sull'asse X.

Risolto suddividendo i dati in ordine crescente (fornito inizialmente in ordine inverso).