Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用d3更新值_Javascript_D3.js - Fatal编程技术网

Javascript 使用d3更新值

Javascript 使用d3更新值,javascript,d3.js,Javascript,D3.js,我有一个csv文件,它有三列x、y、z。有50个这样的三胞胎。 我需要一次打印每个三元组(行),两个值之间的持续时间约为1秒。所以每秒钟我需要打印第一组x,y,z,然后是nxt秒,移除它们并打印下一组,依此类推。这应该在不重新加载页面或单击任何按钮的情况下完成。 我该怎么做呢?您可以按如下操作, var-arr=[ {a:1, b:2, c:3 },{a:4, b:5, c:6 },{a:7, b:8, c:9 },{a:11, b:22, c:33 } ]; 变量行=d3。选择('body

我有一个csv文件,它有三列x、y、z。有50个这样的三胞胎。 我需要一次打印每个三元组(行),两个值之间的持续时间约为1秒。所以每秒钟我需要打印第一组x,y,z,然后是nxt秒,移除它们并打印下一组,依此类推。这应该在不重新加载页面或单击任何按钮的情况下完成。 我该怎么做呢?

您可以按如下操作,

var-arr=[
{a:1,
b:2,
c:3
},{a:4,
b:5,
c:6
},{a:7,
b:8,
c:9
},{a:11,
b:22,
c:33
}
];
变量行=d3。选择('body')
.selectAll(“.row”)
.数据(arr);
变量元素=
行。输入()
.append('div'))
.attr('类',函数(d,i){
返回“行”+i;
})
.classed('row',true)
.style('显示','无')
.append('span')
.classed('d',真)
.文本(功能(d){
返回d.a;
})
.append('span')
.classed('d',真)
.文本(功能(d){
返回d.b;
}).append('span')
.classed('d',真)
.文本(功能(d){
返回直流电;
})
; 
var指数=0;
var domElementsLength=元素[0]。长度;
函数show(){
setTimeout(函数(){
d3.选择全部('.row').style('display','none');
d3.选择('.row'+索引).style('display','block');
指数=指数+1;
如果(索引
span{
宽度:50px;
利润率:10px;
边框底部:1px纯红;
}

我想在与前一组值相同的位置打印下一组a、b、c值。即,删除前一组值并显示新值。我想要类似的东西。但不是多行显示,只有一行显示具有a、b、c值。我已根据您的要求更新代码。请检查延迟是否只是任意两行显示之间以毫秒为单位的时间,对吗?