关系图 - category-work,series-tree - makeapie echarts社区图表可视化案例

案例内资源下载：https://www.makeapie.cn/资源地址

1
2
var data2 = [{
    name: "马云",
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

运行版本：^4.8.0 Tips：如不显示可切换版本试试

Console调试

> {"name":"马云","color":"#2B4A4D","children":[{"name":"北京国风信通科技有限公司1","percent":"80%","level":1,"children":[{"name":"北京国风信通科技有限公司2","percent":"60%","children":[{"name":"北京国风信通科技有限公司3","percent":"60%","children":[{"name":"北京国风信通科技有限公司4","percent":"60%","children":[{"name":"北京国风信通科技有限公司5","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%","children":[{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]}]}]},{"name":"test"}]}]}

> {"name":"北京国风信通科技有限公司1","percent":"80%","level":1,"children":[{"name":"北京国风信通科技有限公司2","percent":"60%","children":[{"name":"北京国风信通科技有限公司3","percent":"60%","children":[{"name":"北京国风信通科技有限公司4","percent":"60%","children":[{"name":"北京国风信通科技有限公司5","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%","children":[{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]}]}]},{"name":"test"}]}

> {"name":"北京国风信通科技有限公司2","percent":"60%","children":[{"name":"北京国风信通科技有限公司3","percent":"60%","children":[{"name":"北京国风信通科技有限公司4","percent":"60%","children":[{"name":"北京国风信通科技有限公司5","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%","children":[{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]}]}]}

> {"name":"北京国风信通科技有限公司3","percent":"60%","children":[{"name":"北京国风信通科技有限公司4","percent":"60%","children":[{"name":"北京国风信通科技有限公司5","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%","children":[{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]}]}

> {"name":"北京国风信通科技有限公司4","percent":"60%","children":[{"name":"北京国风信通科技有限公司5","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%","children":[{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]}

> {"name":"北京国风信通科技有限公司","value":"控股","percent":"60%","children":[{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"},{"name":"北京国风信通科技有限公司","value":"控股","percent":"60%"}]}