D3Plus标题修改

时间:2016-07-18 20:29:42

标签: javascript jquery d3.js tooltip d3plus

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

enter image description here

我发现我可以更改主标题旁边工具提示中列出的所有元素,就像我所说的那样。我一直在网上搜索各种资源,我还没有找到关于这个主题的文档。 " .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>

1 个答案:

答案 0 :(得分:0)

您可以设置一个特定的键用于所有标签,包括工具提示标题和树形图方块上的标签,如下所示:

visualization.text("label")

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