用新数据更新图形
update graph with new data
我有一个文件列表,我想按顺序绘制(线形图),创建一个动画作为它们之间的d3过渡。
我有一个更新函数,它将文件名作为输入,并将当前的折线图转换为新的折线图。
但是,我现在要在五个不同的文件之间按顺序转换。
下面是我使用的代码:var file_list = ["time1.csv", "time2.csv", "time3.csv", "time4.csv", "time5.csv"];
var num_files = file_list.length;
for (i = 0; i < num_files; ++i) {
setTimeout(setDelay(i), 1000);
}
function setDelay(i) {
setTimeout(function(){
update(file_list[i]);
}, 1000);
}
这确实转换了我的线形图,但它从第一个(time1.csv)立即转换到最后一个(time5.csv),跳过中间的所有内容。
我怎么知道哪里出了问题?
如果我在循环中输入console.log(file_list[I]),它将循环并打印time1.csv…time5.csv .
谢谢!
setDelay
在每次迭代时被调用,为了在超时时对其进行计算,必须将函数对象作为回调传递setTimeout(function() { setDelay(i); }, 1000)
但是你的逻辑是错误的,为什么每次迭代两个setTimeout
?每次迭代后,它们都立即调用,您必须将setDelay
调用链接起来或将延迟乘以迭代索引。
var file_list = ["time1.csv", "time2.csv", "time3.csv", "time4.csv", "time5.csv"];
function setDelay() {
var file = file_list.shift();
if (file) {
update(file);
setTimeout(setDelay, 1000);
}
}
setDelay();
相关文章:
- 如何在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,图形,强制布局,数据更新,未完成重绘,拖动