现在位置首页 / Jquery/Jquery Mobile /正文

ECharts教程--基于力导向布局图功能更完善的人物关系图插件扩展开发(1)

作者: IT小兵 | 2014年4月17日| 热度:℃ | 评论: |参与:

在前几篇文章中,介绍了echarts的部署和使用方法,参考:

[基于html5、js的超强报表控件Echarts系列教程(1)-与其他报表的区别和介绍]

[基于html5、js的超强报表控件Echarts系列教程(2)-使用及环境部署]

[基于html5、js的超强报表控件Echarts系列教程(3)--事件使用]

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

原Echarts功能介绍及限制:

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

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

      不支持在线上标注文字;

      线段不支持点击;

3、支持单个节点的拖拽

4、不支持放大缩小

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

6、其他

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

1、节点的点击事件

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

3、连接线的文字标注

4、连接线的点击事件

5、增加了滚动条 

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

Demo效果图:

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

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


转发注明:IT分享  http://www.suchso.com 

点击阅读本文所属分类的更多文章: Jquery/Jquery Mobile 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询