echarts力导向图节点折叠

作者: Cr
时间: 2019.7.15
备注: 希望这个文档能帮助到正在为echart力向导图数据量大而不能折叠的小伙伴
注: 此文档参考了
https://huan1993.iteye.com/blog/2416065#comments
https://blog.youkuaiyun.com/r4NqiAn/article/details/48320487
非常感谢这两位前辈献文,在此我只做补充,以下数据只是个人胡编乱造,仅供参考

目录

1.完成效果:

2.说明

1. 节点的显示和隐藏,关键点在于category 的值,废话不多说,上图
   
   categories值和series[index].categories中的角标有没有对应起来，此节点隐藏，将category的值改成负数，显示 改成整数，值要和categories的角标对应起来(引用自https://huan1993.iteye.com/blog/2416065#comments )
2. links 中的 source,target 的值只需要和 data 中的 name 属性的值对应起来,节点就可以连接上,上图,注:我写的时候name取到的是index值,不要混淆
   
   两个关键点说明完毕,下面我将附上我的demo.zip ??小伙伴过来下载,也再次感谢两位前辈,希望下载的小伙伴有什么修改建议,请留言补充哈,本人有的代码写的不够灵活,以后补充,互相学习
   额,我再啰嗦一句,小伙伴下载后不要直接打开.html运行在浏览器,下载后把文件放入编辑器运行打开浏览器哈,例如webstorm

3. demo

链接:https://pan.baidu.com/s/1Gf24yrzHvPrje8ebVhJjyw 密码:345h