我正在尝试更改在D3Plus中鼠标悬停期间显示的hovertext。具体来说,我删除了与一组数据相关的标题。 这是一张描述我的意思的照片,红色圆圈表示我感兴趣的区域:
我发现我可以更改主标题旁边工具提示中列出的所有元素,就像我所说的那样。我一直在网上搜索各种资源,我还没有找到关于这个主题的文档。 " .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>
答案 0 :(得分:0)