Javascript ZingChart-在实时提要中添加值时如何保持缩放级别
我有一个从物联网平台获取数据的实时提要,每次接收到一个值并将其附加到绘图中,在这种情况下,每15秒绘图更新时重置为其初始缩放级别 有没有办法阻止图形缩小或记录缩放级别,以便在更新后可以重置 设置实时提要:Javascript ZingChart-在实时提要中添加值时如何保持缩放级别,javascript,charts,zingchart,Javascript,Charts,Zingchart,我有一个从物联网平台获取数据的实时提要,每次接收到一个值并将其附加到绘图中,在这种情况下,每15秒绘图更新时重置为其初始缩放级别 有没有办法阻止图形缩小或记录缩放级别,以便在更新后可以重置 设置实时提要: "refresh": { "type": "feed", "transport": "js", "url": "feed()", "interval": 15000 }, 获取数据并添加到绘图: //
"refresh": {
"type": "feed",
"transport": "js",
"url": "feed()",
"interval": 15000
},
获取数据并添加到绘图:
// 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]
});
})
}
您需要通过添加以下内容来调整对象
zoom:{
preserveZoom:true
}
preserveZoom将在图形刷新时保持其zoomLevel。或者,您可以在提要刷新时进行调整。添加属性resetTimeout:'Number'将确定提要将重置多少个值。默认值相当低(80-100)
我不太确定你的JSON是什么样子,但是如果你想保留滚动条,你需要一些东西。您将需要并在JSON中定义
scrollX:{}, // makes the scrollbar appear
scaleX:{
zooming:true, // allows for zooming
...
}
我在ZingChart团队工作。如果你需要更多的帮助,请告诉我
scrollX:{}, // makes the scrollbar appear
scaleX:{
zooming:true, // allows for zooming
...
}