JavaScript自動更新圖表

Question

你好StackOverFlow我討厭打擾你們，但我真的很難與JavaScript，我正在尋找一種方法來簡單地監控這個Javascript，以便從我的一個PHP文件抓取Y變量。

例子：http://foo.com/bar.php所以我可以有我的用戶數據的實時圖形

非常感謝你的幫助，我很感激

下面的代碼示例中的JavaScript代碼生成我猜隨機數據。

/* Lines with autodrowing */ 

$(function() { 
    // we use an inline data source in the example, usually data would 
    // be fetched from a server 
    var data = [], totalPoints = 200; 
    function getRandomData() { 
     if (data.length > 0) 
      data = data.slice(1); 

     // do a random walk 
     while (data.length < totalPoints) { 
      var prev = data.length > 0 ? data[data.length - 1] : 50; 
      var y = prev + Math.random() * 10 - 5; 
      if (y < 0) 
       y = 0; 
      if (y > 100) 
       y = 100; 
      data.push(y); 
     } 

     // zip the generated y values with the x values 
     var res = []; 
     for (var i = 0; i < data.length; ++i) 
      res.push([i, data[i]]) 
     return res; 
    } 

    // setup control widget 
    var updateInterval = 1000; 
    $("#updateInterval").val(updateInterval).change(function() { 
     var v = $(this).val(); 
     if (v && !isNaN(+v)) { 
      updateInterval = +v; 
      if (updateInterval < 1) 
       updateInterval = 1; 
      if (updateInterval > 2000) 
       updateInterval = 2000; 
      $(this).val("" + updateInterval); 
     } 
    }); 

    // setup plot 
    var options = { 
     yaxis: { min: 0, max: 100 }, 
     xaxis: { min: 0, max: 100 }, 
     colors: ["#aed267"], 
     series: { 
        lines: { 
         lineWidth: 2, 
         fill: true, 
         fillColor: { colors: [ { opacity: 0.4 }, { opacity: 0 } ] }, 
         //"#dcecf9" 
         steps: false 

        } 
       } 
    }; 
    var plot = $.plot($(".updating"), [ getRandomData() ], options); 

    function update() { 
     plot.setData([ getRandomData() ]); 
     // since the axes don't change, we don't need to call plot.setupGrid() 
     plot.draw(); 

     setTimeout(update, updateInterval); 
    } 

    update(); 
}); 

Answer 1

我不確定你的問題是什麼。 如果你只是想從serveur得到Y值，做一個Ajax調用：

var yVal; 
$.ajax({ 
     url:"/yourserv?action=getYValue", 
     success: function(data){ 
     yVal = data; 
     } 
    });