JavaScript自动更新图形
JavaScript Auto Updating Graph
Hello 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();
});
我不确定你的问题是什么。如果您只想从serveur获得Y值,请执行ajax调用:
var yVal;
$.ajax({
url:"/yourserv?action=getYValue",
success: function(data){
yVal = data;
}
});
相关文章:
- 如何在Javascript中更新实时图形
- 如何更新 C3.js图形线宽和刻度颜色
- 使用Plotly中的新数据更新图形的高性能方法
- 如何在 d3.js 中更新我的图形图例
- 动态更新网页上的图形
- 如何在数据更新时更新可重用的 d3.js 图形
- 如何使用图形API查询公共facebook事件?[更新的搜索]
- Flotr2,图形上的颜色已更改,图例不更新
- 从json数据更新图形
- JavaScript自动更新图形
- HighChart JavaSCript两个样条在同一图形中更新
- D3更新数据和更新图形
- 使用Microsoft图形API更新任务,给出400个无效请求的响应
- Redux-对复杂图形的状态进行建模,并触发多个更新和副作用以响应单个操作
- 用新数据更新图形
- 为什么不更新D3 SVG图形上的轴?
- 带有图形更新的树视图复选框选择不能正常工作
- JavaScript/D3:在点击时创建浮动文本框,并从文本框输入更新图形
- 无法在D3.js中动态更新图形和轴
- D3, JSON,图形,强制布局,数据更新,未完成重绘,拖动