echarts人员关系网络图,张三朋友的朋友扩散图

 我的另外一个博客echarts实现关系网络图,单个节点可无限扩散,方便实用易懂 就是通过下方这个改的,所以这个是最原版的代码。大家可以参考一下,其实意思很明了,主人公张三是中心点,第二层就是展示他的朋友,第三层是朋友的朋友,第四层循环下去。。。看看图吧。

echarts人员关系网络图,张三朋友的朋友扩散图_第1张图片

废话我就不多说,直接上代码。

 

var myGraphData = [
        { "parentNode":"张三", "childNodes":["小明", "小华", "小杰", "小婷","小妍","小飞"]},
        { "parentNode":"小明", "childNodes":[ "小王", "小赵", "小钱" ] },
        { "parentNode":"小华", "childNodes":[ "小孙", "小李", "小周" ] },
        { "parentNode":"小杰", "childNodes":[ "小吴", "小郑" ] },
        { "parentNode":"小婷", "childNodes":[ "小谢", "小潘" ] },
        { "parentNode":"小妍", "childNodes":[ "小苏", "小陈" ] },
        { "parentNode":"小飞", "childNodes":[ "小郭", "小彭" ] },
        { "parentNode":"小王", "childNodes":[ "小a", "小b" ] },
        { "parentNode":"小孙", "childNodes":[ "小c", "小d" ] },
        { "parentNode":"小吴", "childNodes":[ "小e", "小f" ] },
    ];

function getNodes(parentNode,childNodes,nodes){
    var pnode;
    for(var i=0; i

如果你简单了解echarts的话应该可以看懂的,但是,如果看不懂没关系,翻翻我的博客,会有一些工作中遇到的问题,可以找找看是否可以解决你的疑问。如果还是有问题,可以+q:  983469079  交流。

你可能感兴趣的:(echarts,echarts,js,关系网络图,graph,series)