Javascript D3js-tspan更新不适用于Chrome_Javascript_Google Chrome_Svg_Tspan

Javascript D3js-tspan更新不适用于Chrome

javascript google-chrome svg

Javascript D3js-tspan更新不适用于Chrome,javascript,google-chrome,svg,tspan,Javascript,Google Chrome,Svg,Tspan,如果我使用text（）动态更新tspan，则Chrome不会呈现： .... var i=0； for（var输入数据）{ d3.选择（“#小文本跨度”+i）.text（数据[键]）； i=i+1； } 这在除chrome之外的所有浏览器中都能正常工作。如果我评论这行javascript代码，everyhting在chrome上运行良好你能告诉我为什么它不能在chrome上工作吗？除了span之外，我不能使用任何其他标记。如果我最初在第一个tspan标记中添加一些文本，效果很好。有人能告诉

如果我使用text（）动态更新tspan，则Chrome不会呈现：


....
var i=0；
for（var输入数据）{
d3.选择（“#小文本跨度”+i）.text（数据[键]）；
i=i+1；
}

这在除chrome之外的所有浏览器中都能正常工作。如果我评论这行javascript代码，everyhting在chrome上运行良好

你能告诉我为什么它不能在chrome上工作吗？除了span之外，我不能使用任何其他标记。

如果我最初在第一个tspan标记中添加一些文本，效果很好。有人能告诉我为什么吗？您的代码放在jQuery的文档中了吗？

<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;
}