Javascript 提取工具提示的值

Javascript 提取工具提示的值,javascript,d3.js,tooltip,data-visualization,Javascript,D3.js,Tooltip,Data Visualization,这是我之前在泡泡图上的文章的延续,我一直在努力制作。通过改编Chris Tufts的代码,我达到了预期的效果: 但是,当我尝试添加工具提示时,我无法提取BMI和Race的原始值(在代码中,BMI=大小和Race=组),这是因为.data调用的是节点,而不是原始数据。有人知道如何指向工具提示以获取正确的值吗 我知道我应该在create_node函数中定义group和size,如下所示,但我收到了一个意外的var令牌错误 function create_nodes(data,node_counte

这是我之前在泡泡图上的文章的延续,我一直在努力制作。通过改编Chris Tufts的代码,我达到了预期的效果:

但是,当我尝试添加工具提示时,我无法提取BMI和Race的原始值(在代码中,BMI=大小和Race=组),这是因为.data调用的是节点,而不是原始数据。有人知道如何指向工具提示以获取正确的值吗

我知道我应该在create_node函数中定义group和size,如下所示,但我收到了一个意外的var令牌错误

function create_nodes(data,node_counter) {
  var i = cs.indexOf(data[node_counter].group),
  var z = cs.data[node_counter].group,
  var s = cs.data[node_counter].size,
      r = Math.sqrt((i + 1) / m * -Math.log(Math.random())) * maxRadius,
      d = {
        cluster: i,
        z,
        s,
        radius: radiusScale(data[node_counter].size)*1.5,
        text: data[node_counter].text,
        x: Math.cos(i / m * 2 * Math.PI) * 200 + width / 2 + Math.random(),
        y: Math.sin(i / m * 2 * Math.PI) * 200 + height / 2 + Math.random()
      }

  if (!clusters[i] || (r > clusters[i].radius)) clusters[i] = d;
   console.log(d);
  return d;
};

您可以用创建
组的相同方法轻松创建
大小
属性:

size: data[node_counter].size,
顺便说一句,
one中有一个语法错误(缺少冒号),应该是:

group: data[node_counter].group,
这是您更新的bl.ocks:


附言:作为一个友好的建议,你不需要那个繁琐的功能。只需更改
数据
数组,并将其直接传递给布局