如何在D3气泡图中缩小文本标签并将属性添加到悬停信息窗口？

Question

我怎么能缩小或剪辑文字标签，所以很长的id不比我图表中的气泡大？

此外，当我将鼠标悬停在气泡上时，如何在我的csv中添加其他属性以显示在信息窗口中？我假设这是在下面的代码行中完成的，但是，当我运行它时它返回undefined。我想为作者和流派添加属性。

node.append("title")
  .text(function(d) { return d.id + "\n" + "Pages: " +format(d.value); });
});

以下是我的完整代码的plunker：https://plnkr.co/edit/nWPuZgZaomSSKSuY6sNB?p=preview

Answer 1

以下是答案的一部分，您的类型和作者字段隐藏在数据之下。

return d.id + "\n" + "Pages: " + format(d.value) + "\n" +
"Author: " + d.data.Author + "\n" + "Genre: " + d.data.Genre;

https://plnkr.co/edit/lEHToojJ8YzUoVSxE7cr?p=preview