Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript D3Plus收割台修改_Javascript_Jquery_D3.js_Tooltip_D3plus - Fatal编程技术网

Javascript D3Plus收割台修改

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

我正在尝试更改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>

变量样本数据=[
{“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方法的完整文档