语句 d3.select(#toolTip) 有什么作用？我正在尝试将返回的值分配给 js 中的 var。

Question

drawTree: function(treeData){
    $('#category-context-menu').hide();
    $('#node-context-menu').hide();
    $("#imageLoading").show();
var toolTip = d3.select("#toolTip");
var header = d3.select("#head");
var header1 = d3.select("#header1");
var header2 = d3.select("#header2");
var memory = d3.select("#memory");
var cpu = d3.select("#cpu");
var utilization = d3.select("#utilization");

只是想知道 jsp 文件的映射是如何完成的？

Answer 1

它会给你一个指定选择器

的D3包装DOM对象

您可以在此处查看详细信息https://github.com/mbostock/d3/wiki/Selections

Answer 2

d3.select 只是 select 一个来自 select 或来自 html 页面的元素。如果假设在您的 jsp 文件中

<div id="Id">Hello</div>

然后写完这个

 d3.select("#Id")

它将 select 来自 jsp 的特定元素但是假设您想要 select 多个元素，例如

<div class="multi"></div>
<div class="multi"></div>
<div class="multi"></div>

如果你想select全部那么你只需要写

 d3.selectAll(".multi")

它将 select 所有 div。对于基础知识，您可以阅读 Basics of D3

语句 d3.select(#toolTip) 有什么作用？我正在尝试将返回的值分配给 js 中的 var。

What does the statement d3.select(#toolTip) do? I am trying to assign the value returned to a var in js.

javascript

d3.js