如何通过d3.js中的选择修改值？

Question

我正在尝试更改进度条的值.

var progressBar = d3.select("#current").append("input")
    .attr("class","loading")
    .attr("data-width","135")
    .attr("value","0");

当我这样做:

progressBar.select( "输入")ATTR( "值", "5").

该值不会更改.我该怎么办 ？

Answer 1

代码的问题在于您已经选择了输入并将其绑定到变量progressBar.所以你展示的这段代码:

progressBar.select("input").attr("value", "5")

有效地意味着:

d3.select("#current").select("input").select("input").attr("value", "5")

您实际上是在创建的输入中选择一个不存在的输入.

您只需使用以下代码即可正常工作:

progressBar.attr('value', 5)