Cytoscape.js 为了性能,在个性化样式定制上,没有给出开箱即用的法子。
例如,想实现下面这样的效果图,G6有动画支持,而 Cytoscape.js 却没有。
如果确定要用Cytoscape.js ,该怎么实现这个效果呢?
当然,最直接的办法是用canvas动画来处理,但我暂时没精力研究canvas。
我想到了之前用过一个Canvas绘图库,里面提供了飞线图,正是我想要的效果。
能不能把二者结合呢?当然可以,用Cytoscape.js 绘制静态节点,用DataV绘制动画不就可以了嘛。
顺着这个思路,以很小的学习成本就实现了开头的那个demo。
灵活的组合使用工具,也是一门技术。