今天分享一下我所在的开发小组使用的Echarts 力导向布局图扩展插件--Kforce.js。
原Echarts功能介绍及限制:
1、支持分组按照颜色显示
2、支持连线,但是不支持粗细设置;
不支持在线上标注文字;
线段不支持点击;
3、支持单个节点的拖拽
4、不支持放大缩小
5、节点文字不支持换行;节点不支持点击;
6、其他
基于上述问题和功能的评估,我们准备扩展一下这个插件。增加一下功能
1、节点的点击事件
2、节点的图形样式:增加椭圆节点和矩形节点
3、连接线的文字标注
4、连接线的点击事件
5、增加了滚动条
6、点击参数params 获取节点数据
Demo效果图:
下面我将分5篇进行分别介绍基于力导向布局图功能更完善的人物关系图插件扩展开发的思路和部分关键代码。
敬请期待~~~~~~~~~