javascript - 在绘制关系图时,旧版本 ECharts中的ignore和flag属性在新版本中被舍弃了么
黄舟
黄舟 2017-04-11 13:16:23
0
0
445

在新版本的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);
        }
黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

Antworte allen(0)
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!