力导向图 定义连线点击事件/样式/标注文字及源代码。
2015-10-30 15:52
489 查看
今天这篇,主要介绍定义连线点击事件/样式/标注文字及源代码。
全部的demo代码下载:http://pan.baidu.com/s/1jGzEb6u。
预览界面:http://www.suchso.com/code/KFdemo/force.html
使用_buildLinkShapes(nodes, links)函数,针对定义的全部线段数据,设置线段的权重(粗细)、样式和高亮样式。
1、zrender定义线段数据:
clickable : true则是支持点击。
2、将link对象的点击事件,赋值给shape:
我们在定义echarts事件的时候,是通过这么一个流程来的:
应用层echarts的js--->echarts事件--->echarts传递事件给zrender处理。
3、调用方法:下面是一个links数据的一个数据demo
onclick是点击事件。onclick:function(params){alert(params.target.shape);
lineWidth是线段宽度。
text是标注的文字。
textPosition 采用的zrender中的文字位置。
定义线段事件和样式全部代码:
全部的demo代码下载:http://pan.baidu.com/s/1jGzEb6u。
预览界面:http://www.suchso.com/code/KFdemo/force.html
使用_buildLinkShapes(nodes, links)函数,针对定义的全部线段数据,设置线段的权重(粗细)、样式和高亮样式。
1、zrender定义线段数据:
2、将link对象的点击事件,赋值给shape:
应用层echarts的js--->echarts事件--->echarts传递事件给zrender处理。
3、调用方法:下面是一个links数据的一个数据demo
lineWidth是线段宽度。
text是标注的文字。
textPosition 采用的zrender中的文字位置。
定义线段事件和样式全部代码:
相关文章推荐
- 不可思议的CSS border属性----纯CSS制作三角形
- CSS基础学习三:CSS语法
- ECharts--基于力导向布局图功能更完善的人物关系图插件扩展-节点样式和点击事件2
- EXT.NET多表头样式问题
- NPOI导Excel样式设置
- CSS样式命名规范
- sencha touch 项目的样式不起作用了
- css :before :after伪类
- CSS3 target 伪类不得不说那些事儿(纯CSS实现tab切换)
- js从写alert样式
- C#实现日历样式的下拉式计算器
- CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
- CSS控制样式的三种方式(优先级对比验证)
- GeoServer系列之二.-设置WMS的显示样式
- 安卓开发学习之013 EditText应用详解(样式、背景、光标、错误提示、自定义带删除按钮、无弹出菜单)
- CSS学习笔记一 如何清除浮动
- WPF GroupBox 样式分享
- Web性能优化-合并js与css,减少请求
- css hack
- CSS3 flex 伸缩布局盒模型