创建第二个 SVG 后，D3.js 未在第一个 SVG 上显示标签答案

【问题标题】：D3.js not showing labels on first SVG after second SVG created创建第二个 SVG 后，D3.js 未在第一个 SVG 上显示标签
【发布时间】：2018-02-28 14:25:58
【问题描述】：

示例：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());
});

【问题讨论】：

标签： javascript html css d3.js svg

【解决方案1】：

代替

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

做

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

原因：

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

工作代码here

【讨论】：

你，我的朋友，是一个救生员。如果可以，我会吻你！我拉着头发试图找出哪里出错了。非常感谢，非常感谢。