d3js没有格式化文本值

Question

我正在尝试格式化图表上显示的值，但由于某种原因，它没有更新。

这是我正在使用的链接：

https://plnkr.co/edit/naP7XXkNcaxSJRmpTQv5?p=preview

在 box2.js 文件中，第 206 行是显示框的值的位置。

  var boxTick = g.selectAll("text.box")
      .data(quartileData);
 if(showLabels == true) {
  boxTick.enter().append("text")
      .attr("class", "box")
      .attr("dy", ".3em")
      .attr("dx", function(d, i) { return i & 1 ? 6 : -6 })
      .attr("x", function(d, i) { return i & 1 ?  + width : 0 })
      .attr("y", x0)
      .attr("text-anchor", function(d, i) { return i & 1 ? "start" : "end"; })
      .text(format)
    .transition()
      .duration(duration)
      .attr("y", x1);
}

我尝试将.text() 更改为不同的东西，但它总是给出相同的结果。

Answer 1

好的，所以错误是我没有替换所有设置了.text() 的位置。

.transition() 也必须更新。胡须代码也是如此。

  boxTick.transition()
      .duration(duration)
      .text(format)
      .attr("y", x1);