将鼠标悬停在d3.js旭日形图上，以便附加段的名称而不是％

Question

我试图调整此示例http://bl.ocks.org/kerryrodden/7090426：

因此，图表中间的#explanation div给出了悬停而不是％的段的名称。 继承人脚本

     function mouseover(d) {

  var percentage = (100 * d.value / totalSize).toPrecision(3);
  var percentageString = percentage + "%";
  if (percentage < 0.1) {
    percentageString = "< 0.1%";
  }

  d3.select("#percentage")
      .text(percentageString);

  d3.select("#explanation")
      .style("visibility", "");

  var sequenceArray = getAncestors(d);
  updateBreadcrumbs(sequenceArray);

谢谢你的帮助

Answer 1

您需要做的就是将名称设置为解释的内容：

d3.select("#explanation")
  .text(d.name);

完整演示here。