Highcharts - Data Skip in serie

Question

Quindi sto tirando un po 'di dati da un database e ottenere un timestamp UNIX e un numero. Quindi diciamo N (numero) è stato venduto su D (data).

Ci sono giorni mancanti, come il week-end. Ne ho bisogno per visualizzare ancora il giorno, ma non richiede alcun dato. Si tratta di un grafico a linee.

1 aprile 2010, 50 venduto
2 Aprile 2010, 53 venduto
7 aprile 2010, 10 venduto
(Ho più di 1.000 record che abbracciano un diversi anni - quindi mi aggiungere uno zoom così)

Quindi, la tabella dovrebbe comunque mostrare aprile 01-07, ma non hanno i dati per il 3-6. (La linea sarebbe solo andare da 2-7).

Tutte le idee su come fare questo?

Grazie, Josh

Answer 1

dare un'occhiata qui: http://highcharts.com/ref/#series secondo esempio di proprieta 'dei dati.

Non vi resta che convertire data di mysql, convertirlo in timestamp UNIX (UNIX_TIMESTAMP ()), e poi moltiplicarlo per 1000 (JS ha bisogno di tempo in microsecondi) ...

Answer 2

Scala l'asse x dei tuoi dati quando si sta creando il grafico solo contare i giorni quando si dispone di almeno una vendita, e solo garantire la vostra asse è etichettato in modo sensato.

Ciò significherebbe fare un passo attraverso il vostro intero set di dati e di garantire che ha numeri sequenziali. Quindi potrebbe non essere terribilmente efficienti e potrebbe certamente trarre beneficio per la pre-elaborazione (un'altra chiave nel database per "la vendita il giorno" o qualcosa del genere).

Answer 3

Se possibile, allora mi può mostrare il proprio codice.

Può essere questo link vi darà qualche aiuto. demo per specificare null per certa data: http: //jsfiddle.net/highcharts/FGRtd/

Answer 4

È possibile tracciare i dati come dati Y normale e utilizzare un formattatore su l'asse x

dates = ['April 1 2010', 'April 2 2010', 'April 7 2010'];
numSold = [50, 53, 10];

chart = new Highcharts.Chart({
    series: [{
        type: 'line',
        data: numSold
    }],
    xAxis: {
        labels: {
            formatter: function() {
                var dateStr = dates[this.value];
                return dateStr;
            }
        }
    }
});