javascript - 提取工具提示的值
问题描述
这是我之前一直在努力制作的气泡图上的帖子的延续。通过改编 Chris Tufts 的代码,我达到了我想要的效果:
https://blockbuilder.org/lydiawawa/347e2b0aeed51d7dc56fde40b08e5fcd
但是,当我尝试添加工具提示时,我无法提取 BMI 和 Race 的原始值(在代码中,BMI = size 和 Race = group)这是因为 .data 正在调用节点而不是原始数据。有谁知道如何指出工具提示来获取正确的值?
我知道我应该在 create_node 函数中定义组和大小,如下所示,但是我收到了一个意外的 var token 错误。
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
属性一样轻松创建属性group
:
size: data[node_counter].size,
顺便说一句,你有一个语法错误(你错过了冒号)group
,应该是:
group: data[node_counter].group,
这是您更新的 bl.ocks:https ://bl.ocks.org/GerardoFurtado/5802f23a0bd1c4a3f94f95eded56bc97/dc36321d0d4bb7db2a44246f9330f22099276524
PS:作为一个友好的建议,你不需要那个繁琐的功能。只需更改data
数组并将其直接传递给布局。
推荐阅读
- node.js - 获取条件与架构不匹配
- gtk - GTK 忽略任何类型的窗口定位
- amazon-web-services - 从带有参数的模板创建 EC2 实例
- shell - 当我尝试在 git bash 中使用“ls”时,我得到了“desktop.ini”的答案
- azure - How to enable Implicit grant in Azure Active Directory
- download - 文件下载后回发不起作用
- android - Lombok @RequiredArgsConstructor 在Android 中不起作用,但@AllArgsConstructor 起作用
- tensorflow - Inspecting Tensorflow graph
- javascript - 将 const 函数代码从 JSX 转换为 TSX
- django - django-select2 小部件的查询集被忽略