Question

generate.php将以json格式从mysql中提取数据。

然后graph.php将通过ajax请求为json数据生成.php。

如何使用此json数据提供dygraph数据

示例dygraph代码。

g3 = new Dygraph(
document.getElementById("graphdiv3"),
//"temperatures.csv",
          [              //this part i need to change with ajax request data
            [1,10,100],
            [2,20,80],
            [3,50,60],
            [4,70,80]
          ],    
 //jsonStr,
 //data;
 {
   rollPeriod: 7,
   showRoller: true
 }
);

Answer 1

您可以使用file updateOptions选项来更改图表中的数据，例如：

$.get('/path/to/data', function(data) {
  g.updateOptions({file: data});
});

请参阅dynamic update演示了解灵感。

Answer 2

这个答案有点晚了，但只是围绕Dygraph声明（这里假设jQuery）包装AJAX调用

$.getJSON('data.json', function (data) {


var g = new Dygraph(document.getElementById("graphdiv"), data.rows, 
                     { 
//options 

}); 

})

// AJAX callbacks
.done(function() { console.log('getJSON request succeeded!'); })

dygraph从ajax中检索数据

2 个答案: