echarts树状图点击展开子节点_echarts 2.*版本tree树图点击节点加载子节点/数据（或点击关闭子节点）实现参考...

<>

自上一篇说明的点击节点更换节点图标后，发现网上有许多关于点击节点加载数据(或点击收缩节点)的问题，一直没看到满意的解答。现在在上一篇的基础上做出如下实现：点击节点动态加载/收缩子节点。

先说关键点，还是注册在事件的处理函数：

var mockData1 = {"name":"小米11","symbol":"circle","cusField":"product","itemStyle":{"normal":{"label":{"show":true,"position":"right"}}}};

var mockData2 = {"name":"小米22","symbol":"circle","cusField":"product","itemStyle":{"normal":{"label":{"show":true,"position":"right"}}}};

//简单使用1，点击加载一个节点

function clickFun(param) {

console.log(JSON.stringify(param));

if(param.data.children)

param.data.children.push(mockData1);

else

param.data.children = [deepCopy(mockData1),deepCopy(mockData2)];