ZingChart - 如何在實時進度中附加值時保持縮放級別

我有一個實時進紙採集數據，從一個IOT平臺獲取數據，每次接收到一個值並附加到圖上，在這種情況下，每隔15秒繪圖更新時重置爲其初始縮放級別。ZingChart - 如何在實時進度中附加值時保持縮放級別

有沒有辦法停止圖形縮小或記錄縮放級別，以便它可以在更新後重置？

建立了實時飼料：

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

Accquiring數據和附加到劇情：

// Get new Data 
window.feed = function(callback) {  
    // Issue a get request 
    $.getJSON('https://www.thingspeak.com/channels//feed.json?callback=?&amp;offset=0&amp;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] 
    }); 
    }) 
}

來源

2016-04-29 colsey

您將需要通過添加調整zoom對象以下

zoom:{ 
    preserveZoom:true 
}

preserveZoom將在刷新時保持圖形上的zoomLevel ES。或者，您可以調整Feed何時刷新。添加屬性resetTimeout：'數字'將決定飼料重置的次數。默認值相當低（80-100）。

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

我不太清楚你的JSON是什麼樣子，但如果你想保持滾動條，您將需要幾件事情。您將需要zooming和scrolling在你的JSON

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

我在ZingChart團隊合作定義。讓我知道你是否需要任何幫助。

來源

2016-05-25 17:24:06 nardecky

ZingChart - 如何在實時進度中附加值時保持縮放級別

回答

相關問題