Javascript 从csv文件中显示一次D3.js表
我是D3.js的初学者,为了做测试,我在节点和网页中做了一个服务器。我在服务器中编译数据,并希望在网页的表格中显示。因此,我在网上找到了下面的D3示例,并尝试使用它。因此,当执行测试时,它工作得非常好。然而,当我进行第二次测试时,在不刷新网页的情况下,所获得的数据会被加载两次。如果我做三次测试,它会加载三次。。。如何在图片中看到它。我只想加载一次数据。为此,我尝试清空包含表的容器(csvTable),在保存到.csv文件后刷新数据矩阵。然而,到目前为止,一切都没有奏效。如果有人能帮助我,我真的很感激Javascript 从csv文件中显示一次D3.js表,javascript,html,d3.js,Javascript,Html,D3.js,我是D3.js的初学者,为了做测试,我在节点和网页中做了一个服务器。我在服务器中编译数据,并希望在网页的表格中显示。因此,我在网上找到了下面的D3示例,并尝试使用它。因此,当执行测试时,它工作得非常好。然而,当我进行第二次测试时,在不刷新网页的情况下,所获得的数据会被加载两次。如果我做三次测试,它会加载三次。。。如何在图片中看到它。我只想加载一次数据。为此,我尝试清空包含表的容器(csvTable),在保存到.csv文件后刷新数据矩阵。然而,到目前为止,一切都没有奏效。如果有人能帮助我,我真的很
function doTable(){
clearBox("csvTable");
d3.text("data/data.csv", function(data) {
var parsedCSV = d3.csv.parseRows(data);
var container = d3.select('#csvTable')
.append("table")
.selectAll("tr")
.data(parsedCSV).enter()
.append("tr")
.selectAll("td")
.data(function(d) { return d; }).enter()
.append("td")
.text(function(d) { return d; });
});
}
将整个d3.text()函数封装到如下if语句中如何:
if (!d3.select('#table-id)){
d3.text("data/data.csv", function(data) {
var parsedCSV = d3.csv.parseRows(data);
var container = d3.select('#csvTable')
.append("table")
.attr('id', 'table-id')
.selectAll("tr")
.data(parsedCSV).enter()
.append("tr")
.selectAll("td")
.data(function(d) { return d; }).enter()
.append("td")
.text(function(d) { return d; });
});
}
我还没有测试代码,但是按照这些思路应该可以工作