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