您的位置:首页 > Web前端 > CSS

力导向图 定义连线点击事件/样式/标注文字及源代码。

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中的文字位置。

定义线段事件和样式全部代码:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: