javascript - D3.js Bilevel Partition - 初始图表加载切片放大

标签 javascript d3.js

我想知道是否有一种方法可以启动放大切片的 D3.js 双级分区,而不是显示所有值的默认值。这可能吗?

双层分区: http://bl.ocks.org/mbostock/5944371

一个可能的解决方案是编写一些代码来自动点击其中一个切片。

另一种备份解决方案是创建单独的图表 - 一个只有缩放切片中的数据和一个加载第二个图表的单独按钮。

或者取而代之的是有一个更新按钮,其中放大的切片是最初存在的唯一数据,通过单击该按钮,其余数据将被添加。 (不过如何实现呢?)

最佳答案

的算法“一个可能的解决方案是编写一些自动点击其中一个切片的代码。”

这将像这样选择您想要的节点:

  path[0].every(function(p){
    var d = d3.select(p).data();
    //put the name of the node you wish to zoom on i have put "Arrays"
    if (d[0].name == "Arrays"){
      var k = d[0];
      zoomIn(k);
      return false;
    }
    return true;
  });

完整的工作代码 here

希望这对您有所帮助!

关于javascript - D3.js Bilevel Partition - 初始图表加载切片放大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34011880/

相关文章:

javascript - .then 作用域内的变量值与 .then 作用域外的变量值不同

javascript - d3.nest 添加额外变量

javascript - d3.js - 属性 d : Expected number

javascript - 如何关闭并稍后在 D3.JS 中添加 HTML 元素?

d3.js - 通过按下按钮将 D3 比例从线性更改为 pow

javascript - VueJS 根据 watch 中的键从对象数组中获取唯一值

javascript - jQuery Post 无法在 OS X Chrome 中工作

javascript - 文件下载功能需要超过 6 分钟,我该如何改进,在 google app 脚本中?

javascript - 单击时自动对焦文本框

javascript - d3 线不画