javascript - 如何更改 d3plus 树图中的工具提示格式

Question

如何摆脱工具提示中的标签（左侧），以便仅右侧的文本出现在工具提示的整个宽度上？

Answer 1

在此处查看 d3plus 文档：.tooltip()

默认情况下，“大小”和“共享”值显示在您将鼠标悬停在树形地图方块上时看到的“小”工具提示中。当您单击树形地图方块时，您还会看到一个“大”工具提示。因此，您可以通过指定以下内容来创建自定义大型工具提示：

.tooltip({
  "share": false,    // turns off the "Share" value
  "size": false,     // turns off the "Size" value
  "children": false, // turns off the list of child nodes if multi-level
  "stacked": true,
  "html": function(d) {
    return "any valid html code here" 
  }
})

请注意，这目前仅适用于您在单击树状图框时看到的“大工具提示”。在多级树形图中，这意味着您只能为最低级别的树形图自定义工具提示（据我所知），并且只有在您单击框时（而不是悬停工具提示）。

通过玩这个，看起来您只能获取您单击的树形地图框的文本标签，而不是数据对象 - 这对于自定义您自己的工具提示更有用。

能够为悬停工具提示提供自定义 html 也会很有帮助 - 这对于多级树形地图很重要。