D3js - tspan更新无法在Chrome上运行

时间:2013-10-03 00:47:28

标签: javascript google-chrome svg tspan

如果我使用text()动态更新tspan,则Chrome无法呈现:

<html>
....
<text id="small-text" style="color: #FFFFFF" fill="white">
<tspan id="small-text-span1" style="font-size:18px;color:#FFFFFF;" ></tspan>
<tspan id="small-text-span2" style="font-size:18px;color:#FFFFFF;" ></tspan>
<tspan id="small-text-span3" style="font-size:18px;color:#FFFFFF;" ></tspan>
<tspan id="small-text-span4" style="font-size:18px;color:#FFFFFF;" ></tspan>
</tspan>
</text>
</html>


var i=0;
for(var key in data){
d3.select("#small-text-span"+i).text(data[key]);
i = i+1;
}

除了chrome之外,所有浏览器都可以正常使用。如果我评论这个javascript行,则每个人都可以正常使用chrome。

你能告诉我为什么它不能用于Chrome吗?除了span之外,我不能使用任何其他标签。

0 个答案:

没有答案