Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ZingChart-在实时提要中添加值时如何保持缩放级别_Javascript_Charts_Zingchart - Fatal编程技术网

Javascript ZingChart-在实时提要中添加值时如何保持缩放级别

Javascript ZingChart-在实时提要中添加值时如何保持缩放级别,javascript,charts,zingchart,Javascript,Charts,Zingchart,我有一个从物联网平台获取数据的实时提要,每次接收到一个值并将其附加到绘图中,在这种情况下,每15秒绘图更新时重置为其初始缩放级别 有没有办法阻止图形缩小或记录缩放级别,以便在更新后可以重置 设置实时提要: "refresh": { "type": "feed", "transport": "js", "url": "feed()", "interval": 15000 }, 获取数据并添加到绘图: //

我有一个从物联网平台获取数据的实时提要,每次接收到一个值并将其附加到绘图中,在这种情况下,每15秒绘图更新时重置为其初始缩放级别

有没有办法阻止图形缩小或记录缩放级别,以便在更新后可以重置

设置实时提要:

      "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
    ...
}