2016-04-29 23 views
5

Ho un feed in tempo reale che prende i dati da una piattaforma Iot, ogni volta che un valore viene ricevuto e aggiunto alla trama, in questo caso ogni 15 secondi la trama si ripristina al suo livello di zoom iniziale quando si aggiorna.ZingChart - Come mantenere il livello di zoom quando si aggiungono valori nel feed in tempo reale

C'è un modo per interrompere il grafico dallo zoom indietro o per registrare il livello di zoom in modo che possa essere ripristinato dopo l'aggiornamento?

Impostare per il vero avanzamento tempo:

 "refresh": { 
     "type": "feed", 
     "transport": "js", 
     "url": "feed()", 
     "interval": 15000 
     }, 

Accquiring i dati e aggiungendo del terreno:

// Get new Data 
window.feed = function(callback) {  
    // Issue a get request 
    $.getJSON('https://www.thingspeak.com/channels//feed.json?callback=?&offset=0&results=1', function(){}) 

    // Upon a successful get request... 
    .done(function(data){ 

    var p = [] 
     p[0] = p[0] = getChartDate(data.feeds[0].created_at); 
     p[1] = parseFloat(data.feeds[0].field1); 
     var newData2 = [p]; 

    // Append values to Graph 
    $("#myChart").appendSeriesValues({ 
    "values": [newData2] 
    }); 
    }) 
} 

risposta

3

Sarà necessario modificare l'oggetto zoom aggiungendo il seguente

zoom:{ 
    preserveZoom:true 
} 

preserveZoom manterrà lo zoomLivello sul grafico quando si aggiorna es. In alternativa, puoi regolare quando il feed si aggiorna. Aggiunta dell'attributo resetTimeout: 'Number' determinerà dopo quanti valori il feed verrà reimpostato. Il valore predefinito è piuttosto basso (80-100).

refresh:{ 
    .... 
    resetTimeout:1000, // after 1000 nodes the feed will re-start 
} 

io non sono abbastanza sicuro che cosa il vostro JSON assomiglia, ma se si vuole preservare la barra di scorrimento che si avrà bisogno di diverse cose. Avrete bisogno di zooming e scrolling definito nel JSON

scrollX:{}, // makes the scrollbar appear 
scaleX:{ 
    zooming:true, // allows for zooming 
    ... 
} 

Io lavoro sulla squadra ZingChart. Fammi sapere se hai bisogno di ulteriore aiuto.

Problemi correlati