在新版本的ECharts的关系图绘制中打印出来的节点是有ignore和flag属性的,但是却不起作用,文档中也没有相关说明,是已经被舍弃了么?如果想在关系图中控制子节点的展开与收起该如何实现呢?
例如想实现点击阿里巴巴节点时,隐藏其下与之关联的子节点该如何实现?
在旧版本中可以这样控制ignore和flag的属性来实现
if (data.flag) {
/**
遍历连接关系数组
最终获得所选择节点的一层子节点
*/
for(var m in linksOption){
//引用的连接关系的目标,既父节点是当前节点
if(linksOption[m].target==data.id){
linksNodes.push(linksOption[m].source);//获得子节点数组
}
}//for(var m in linksOption){...}
/**
遍历子节点数组
设置对应的option属性
*/
if(linksNodes != null && linksNodes != undefined){
for(var p in linksNodes){
nodesOption[linksNodes[p]].ignore = false;//设置展示该节点
nodesOption[linksNodes[p]].flag = true;
}
}
//设置该节点的flag为false,下次点击折叠子孙节点
nodesOption[data.id].flag = false;
//重绘
myChart.setOption(option);
}
人生最曼妙的风景,竟是内心的淡定与从容!