Graphique de mise à jour automatique de JavaScript

Question

Bonjour StackOverFlow Je déteste vous déranger les gars, mais j'ai vraiment du mal avec JavaScript et je cherche un moyen de simplement surveiller ce Javascript afin que la variable Y est saisie à partir d'un de mes fichiers php.

Exemple: http://foo.com/bar.php donc je peux avoir un graphique en direct de mes données utilisateur

Merci beaucoup pour l'aide que je l'apprécie

Le code suivant l'exemple de code JavaScript qui génère des données aléatoires je suppose .

/* 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

Je ne suis pas sûr de savoir quelle est votre question. Si vous voulez juste valeur Y du serveur, faites un appel ajax:

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