d3 zoomable packed-circle chart,如何从超链接触发放大节点?

时间:2015-02-13 19:53:23

标签: jquery d3.js circle-pack

我正在构建一个d3可缩放的圆形图表。在屏幕的一侧,我有一个表格列出了每个节点的名称。它们很好地连接在一起,所以如果你鼠标移动它,它会调整另一个的填充或背景颜色。

我正在尝试弄清楚当用户点击表格中的关联超链接时如何触发放大链接圈。

我知道如何通过在包含图表的div上调用.click()来触发缩小到root:

  

$( '#Phylomap')。单击()

我尝试在图表中的各个圈子上调用.click(),例如:

  

$( '#PhylomapNode27')点击();

但即使您实际点击圆圈时可以触发缩放,它也不会触发缩放。将该行粘贴到控制台中只会将节点作为单个元素数组返回...无缩放。为了它的价值,我可以像这样操纵圆圈的风格:

  

$('#PhylomapNode27')。css(“stroke”,“grey”);

构造函数中有一条onclick行,就在我分配ID属性的部分下面:

  

.on(“click”,function(d){           return zoom(node == d?root:d);       })

任何建议都会非常感激!

0 个答案:

没有答案