D3Plus 标题修改答案

【问题标题】：D3Plus Header ModificationD3Plus 标题修改
【发布时间】：2016-07-18 20:29:42
【问题描述】：

我正在尝试更改 D3Plus 中鼠标悬停期间显示的悬停文本。具体来说，我删除了与一组数据相关的标题。这是一张照片来描述我的意思，其中红色圆圈表示我感兴趣的区域：

我发现我可以更改工具提示中列出的所有元素，到目前为止，我称之为主标题旁边。我一直在网上搜索各种资源，但尚未找到有关此主题的文档。 ".tooltip(["name"])" 是一个测试。我的代码如下

<script>
    var sample_data = [
        {"value": 100, "name": "alpha", "growth": 0.9},
        {"value": 70, "name": "beta", "growth": 0.4},
        {"value": 40, "name": "gamma", "growth": -0.3},
        {"value": 15, "name": "delta", "growth": -0.65},
        {"value": 5, "name": "epsilon", "growth": 0.7},
        {"value": 1, "name": "zeta", "growth": 0.2}
    ];
    var visualization = d3plus.viz()
        .container("#viz")
        .data(sample_data)
        .type("tree_map")
        .id("name")
        .value(["name"])
        .tooltip(["name"])
        .size("value")
        .color(function(d){
          return d.growth > 0 ? "#008800" : "#880000";
        })
        .draw();
</script>

【问题讨论】：

标签： javascript jquery d3.js tooltip d3plus

【解决方案1】：

您可以为所有标签设置一个特定的键，包括工具提示标题和树图方块上的标签，如下所示：

visualization.text("label")

文本方法的完整文档可以在here找到。

【讨论】：