Echarts 力导向布局图扩展插件--Kforce.js。

今天分享一下我所在的开发小组使用的Echarts 力导向布局图扩展插件--Kforce.js。

原Echarts功能介绍及限制:

1、支持分组按照颜色显示

2、支持连线,但是不支持粗细设置;

      不支持在线上标注文字;

      线段不支持点击;

3、支持单个节点的拖拽

4、不支持放大缩小

5、节点文字不支持换行;节点不支持点击;

6、其他

基于上述问题和功能的评估,我们准备扩展一下这个插件。增加一下功能

1、节点的点击事件

2、节点的图形样式:增加椭圆节点和矩形节点

3、连接线的文字标注

4、连接线的点击事件

5、增加了滚动条 

6、点击参数params 获取节点数据

Demo效果图:

下面我将分5篇进行分别介绍基于力导向布局图功能更完善的人物关系图插件扩展开发的思路和部分关键代码

敬请期待~~~~~~~~~

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值