Javascript D3Plus收割台修改
我正在尝试更改D3Plus中鼠标悬停时显示的悬停文本。具体来说,我删除了与一组数据关联的标题。 这里有一张照片来描述我的意思,其中红色圆圈表示我感兴趣的区域: 我发现我可以更改工具提示中列出的所有元素,直到我所称的主标题旁边。我一直在网上搜索各种资源,还没有找到关于这个主题的文档。“.tooltip([“name”])”是一个测试。我的代码如下Javascript D3Plus收割台修改,javascript,jquery,d3.js,tooltip,d3plus,Javascript,Jquery,D3.js,Tooltip,D3plus,我正在尝试更改D3Plus中鼠标悬停时显示的悬停文本。具体来说,我删除了与一组数据关联的标题。 这里有一张照片来描述我的意思,其中红色圆圈表示我感兴趣的区域: 我发现我可以更改工具提示中列出的所有元素,直到我所称的主标题旁边。我一直在网上搜索各种资源,还没有找到关于这个主题的文档。“.tooltip([“name”])”是一个测试。我的代码如下 <script> var sample_data = [ {"value": 100, "name": "alph
<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>
变量样本数据=[
{“value”:100,“name”:“alpha”,“growth”:0.9},
{“value”:70,“name”:“beta”,“growth”:0.4},
{“值”:40,“名称”:“伽马”,“增长”:-0.3},
{“value”:15,“name”:“delta”,“growth”:-0.65},
{“value”:5,“name”:“epsilon”,“growth”:0.7},
{“值”:1,“名称”:“泽塔”,“增长”:0.2}
];
var可视化=d3plus.viz()
.容器(“即”)
.数据(样本数据)
.type(“树图”)
.id(“姓名”)
.value([“名称”])
.工具提示([“名称”])
.规模(“价值”)
.颜色(功能(d){
返回d.growth>0?”#008800:“#880000”;
})
.draw();
您可以设置用于所有标签的特定键,该键包括工具提示标题和树地图方块上的标签,如下所示:
visualization.text("label")
可以找到文本方法的完整文档。您可以设置用于所有标签的特定键,其中包括工具提示标题和树地图方块上的标签,如下所示:
visualization.text("label")
可以找到text方法的完整文档