javascript - 创建第二个 SVG 后，D3.js 不在第一个 SVG 上显示标签

Question

示例:https://codepen.io/anon/pen/YedQog

如果我注释掉行 donut2.create(petData()); 只创建一个图表，它工作正常。但是，当保留该行并且我使用逻辑创建两个不同的饼图时，第一个图表的标签消失了。我有点不知所措。

感谢任何帮助。

$(function() {
  var donut1 = new DonutCharts('#money');
  donut1.create(moneyData());

  var donut2 = new DonutCharts('#pets');
  // donut2.create(petData());
});

Answer 1

代替

var donuts = d3.selectAll('.donut');

做

var donuts = charts.selectAll('.donut');

原因:

d3.selectAll('.donut');
将选择之前创建的图表等问题，这就是最后一个图表文本出现的原因。

工作代码here