AppCan文档中心-uexBrokenLine
 
下载文档

uexBrokenLine
更新时间:2016-09-09

1、简介

折线图功能插件

1.1、说明

折线图功能插件

1.2、公告

此插件官方停止维护(插件源码已经开放),请开发者及时做好更新准备,欢迎使用新插件uexChart,详情查看对应文档

1.3、UI展示

1.4、开源源码:

插件测试用例与源码下载:点击 插件中心至插件详情页 (插件测试用例与插件源码已经提供)

2、API概览

2.1方法:

setData 设置数据

uexBrokenLine.setData(json)

说明:

必须先设置数据后再打开界面

参数:

参数名称 参数类型 是否必选 说明
json String 必选 折线数据
  1. 格式为:
  2.  {"y":{"min":"10","max":"70","step":"5"},"x":["0801","0802","0803","0804","0805","0806","0807","今天","0809"],"actx":"8","data":["25","34","41","52","25","31","15","47","26"],"compareY":[{"s":"0","e":"4","v":"30"},{"s":"4","e":"8","v":"26"}],"xCount":"7"}

各字段含义如下:

参数 是否必须 说明
y y轴
min y轴最小值
max y轴最大值
step y轴步幅
x x轴
actx x轴特别标注点的索引
data 各点的值
compareY 红线信息
s 起始点索引
e 结束点索引
v 红线值
xCount 每屏显示纵轴个数

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. var jsd='{"y":{"min":"10","max":"70","step":"5"},"x":
  2. ["0801","0802","0803","0804","0805","0806","0807", "今天","0809"],"actx":"7","data":
  3. ["25","34","41","52","25","31","15","47","26"],"compareY":[{"s": "0","e":"4","v":"30"},
  4. {"s":"4","e":"8","v":"26"}],"xCount":"7"}';
  5. uexBrokenLine.setData(jsd);

open 打开界面

uexBrokenLine.open(x,y,width,height,id)

说明:

同一个页面可以打开多个界面。

参数:

参数名称 参数类型 是否必选 说明
x Number类型 必选 x坐标
y Number类型 必选 y坐标
width Number类型 必选
height Number类型 必选
id Number类型 必选 唯一标识符

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. uexBrokenLine.open(10,100,460,700,1);

close 关闭界面

uexBrokenLine.close(id)

说明:

根据id关闭界面

参数:

参数名称 参数类型 是否必选 说明
id Number类型 必选 唯一标识符

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. uexBrokenLine.close(1);

3、更新历史

iOS

API版本:uexBrokenLine-3.0.3

最近更新时间:2015-12-26

历史发布版本 更新内容
3.0.3 添加IDE支持
3.0.2 修复打开直线图比较慢的bug
3.0.1 使用新版Xcode重新编译,支持arm64
3.0.0 折线图功能插件

Android

API版本:uexBrokenLine-3.0.4

最近更新时间:2015-06-19

历史发布版本 更新内容
3.0.4 更新适配机型使用的方法
3.0.3 样式同步ios
3.0.2 机型适配
3.0.1 修复创建Bitmap内存溢出
3.0.0 折线图功能插件