Highcharts non visualizza serie con molti punti di dati

Question

Ho un grafico che vorrei visualizzare in base a un intervallo di date da parte dell'utente. Questo particolare grafico ha un punto dati ogni 15 minuti. Quindi ci possono essere molti punti dati per ogni serie se un utente seleziona un ampio intervallo di date. Ecco un paio di esempi:

• 623 data points in a series
• 1470 data points in a series

Nel primo esempio il grafico fa visualizzazione. Nel secondo esempio il grafico non viene visualizzato. Esiste una demo di Highstock (52,000 points with data grouping) che funziona con molti punti dati. Ho provato a cambiare i grafici sopra in un grafico di highstock e ho ancora gli stessi risultati.

Cosa posso fare per risolvere il problema?

Answer 1

Ciò è dovuto all'opzione turbo threshold:

"Quando una serie contiene una matrice di dati che è più lungo di questo, solo uno matrici dimensionali numeri o due matrici dimensionali con x ed y i valori sono consentiti Inoltre, solo il primo punto viene testato e il resto assume lo stesso formato, risparmiando costosi controlli di dati e indicizzazione in serie lunghe. "

È impostato su 1000 punti per impostazione predefinita. Il grafico non viene visualizzato perché ogni punto della serie è un oggetto e il loro numero è maggiore della soglia.

Ecco un jfFiddle dimostrando la vostra trama lavorare con la soglia fissata al 2000.

Ecco la sezione modificata di codice:

plotOptions: { 
    spline: { 
    turboThreshold: 2000, 
    ... 

Un'altra soluzione potrebbe essere quella di codificare i dati di serie in un 2-d matrice invece di avere ogni punto rappresentato da e oggetto con proprietà xy.

Answer 2

una soluzione per turboThreshhold è qualcosa di simile se si generazione la vostra risposta con PHP:

    if(count($responseObj) > 1000){ 
        $modolo = round(count($responseObj)/1000); 
        for($i = count($responseObj)-1; $i >= 0 ; $i--){ 
         if(($i % $modolo) != 0){ 
          unset ($responseObj[$i]); 
         } 
        } 
        $responseObj = array_merge($responseObj); 
       }