在d3js中制作圆形标签

Question

我一直在研究d3js图表并且已经取得了进展（白色弧线平滑地改变了值）。我还没弄清楚如何根据弧的值来改变标签。例如，如果弧的值大于300，则标签应自动更新。

Answer 1

你的代码几乎就在那里。为了使它工作，你基本上需要两个更改。首先，圆圈和外部标签不需要在更新时重绘，因为它们不会更改。所以我已经移动了更新函数中执行此操作的函数调用。同样，您不需要在圆圈的中心添加新的text元素来显示当前进度，而只需更新现有元素。

完整示例here。