如何在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也很有帮助 - 这对于多级树图非常重要。