Javascript 更改d3.js sunburst图表的悬停位置，以便附加段名，而不是%

我试图调整这个例子：

这样，图表中间的“解释”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);

功能鼠标盖（d）{
风险值百分比=（100*d.value/totalSize）.toPrecision（3）；
var percentageString=百分比+“%”；
如果（百分比<0.1）{
percentageString=“<0.1%”；
}
d3.选择（“百分比”）
.文本（百分比字符串）；
d3.选择（“解释”）
.style（“可见性”）；
var sequenceArray=GetForenses（d）；
UpdateReadcrumps（sequenceArray）；

---

非常感谢您的帮助

您只需将名称设置为说明内容：

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

完成演示