我正在尝试更改 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>
最佳答案
您可以设置用于所有标签的特定键,其中包括工具提示标题和 TreeMap 方 block 上的标签,如下所示:
visualization.text("label")
可以找到文本方法的完整文档 here .
关于javascript - D3Plus header 修改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38445502/