猪八戒APP
关系图绘制
成都
网站定制开发
需求标题
关系图绘制
需求描述
关系图绘制:
关系图功能要求:(展示节点间的关系、频次、方向等,关系图支持选中某个节点逐层扩展。采用ECharts 或 D3(D3自带层次布局),如果有更好的也可以;需要在Jquery EasyUI 框架下运行)
一、布局方式:1、力导布局 2、环形布局 3、层次布局
二、时间过滤:可通过时间过滤工具条(起止时间),过滤显示某个时间段内满足条件的节点和连线(其它节点和连线影藏或变灰即可)。
三、颜色设置:画布颜色设置、节点颜色设置、连线颜色设置、目标颜色设置、高亮颜色(当用户选中节点,用户选中边,选中节点高亮邻接点和相应边、选中边的端点,用户复选两个节点可求其最短路径并高亮显示,搜索命中等场景下的高亮设置,每一个场景均可单独设置,初始设置为系统设置,允许用户更改。)
四、属性设置:节点属性设置(列出节点的常用属性,用户选择哪些属性显示在关系图上)、连线属性设置(设置线宽、是否显示方向、是否显示通信次数)
五、过滤设置:通过设置过滤条件及时作用于当前关系图(主要为隐藏/显示某些节点)
六、搜索设置:可通过搜索关键字,高亮关系图上的节点
图操作:
1、鼠标单击节点,表示选中该节点,节点高亮;
2、鼠标单击连线,表示选中该连线,该连线和端点高亮;
3、鼠标双击节点,展开其叶子节点(如果有)及绘制相关关联关系,在扩展的过程中其他已经绘制好的节点尽量保持不动;
4、鼠标悬浮于节点,提示条分行显示该节点的属性信息,邻接点与选中节点有联系的边高亮;;
5、鼠标悬浮于连线,提示条分行显示该连线的两个节点名称,次数;
6、鼠标选中节点后,不释放鼠标左键,实现该节点在画布上移动,移动节点时,除被选节点外,其他节点不能移动;
7、鼠标在画布空白处长按左键不移动,实现对画布的拖动。通常画布应该对视口大,通过画布拖动,可将画布的不同部分置于视口。
8、鼠标滚轮实现关系图缩放。
9、画布滚动条实现画布的上下移动和左右移动。
10、鼠标选中某节点后,单击鼠标右键,可弹出右键菜单,支持对右键菜单事件的响应
11、选中某连线后可右键并弹出右键菜单(要求同10)
12、提供某些操作的接口(不多,待定)。
13、可提供缩略导航窗口(不做硬性要求,可实现最好)
14.将关系图保存为图片,支持对节点及连线的删除
预算金额
需人才报价
允许参与人才数量
--
人才所在地
--
人才类型
--
工作反馈要求
无要求
期望完成日期
--
开票类型要求
无要求