首页 > 科技 >

ECharts+BaiduMap+HT for Web网络拓扑图应用(5)

2019-01-30 02:45:08 网络整理 阅读:175 评论:0

}

} else if(e.kind === 'clickData'){

chart._legendSelect = true;

var data = e.data;

if(data instanceof ht.Node){

var note = data.s('note');

if(note){

var selected = legend.isSelected(note);

if(selected){

graphView.dm().sm().removeSelection([data]);

}

legend.setSelected(note, !selected);

}

}

}

});

legendSelectedFun函数是EChart图表的legend插件选中事件监听,其中处理的逻辑是:当legend插件中的某个节点被选中了,也选中在GraphView拓扑图中对应的节点,当取消选中是,也取消选中GraphView拓扑图中对应的节点。

在GraphView中添加交互监听,如果在GraphView中做了框选操作,在框选结束后,将原本legend插件上被选中的节点取消选中,然后再获取被选中节点,并在legend插件上选中对应节点;当GraphView上的节点被选中,则根据legend插件中对应节点选中情况来决定legend插件中的节点和graphView上的节点是否选中。

在GraphView交互中,我往chart实例中添加了_legendSelect变量,该变量的设定是为了阻止在GraphView交互中修改legend插件的节点属性后回调legendSelectedFun回调函数做修改GraphView中节点属性操作。

ECharts+BaiduMap+HT for Web网络拓扑图应用(5)

今天就写到这吧,希望这篇文章能够帮到那些有地图、拓扑图、图表相结合需求的朋友,在设计上可能想法还不够成熟,希望大家不吝赐教。

相关文章