下载文档

uexPieChart
更新时间:2016-01-06

1、简介

旋转饼状图功能插件

1.1、说明

旋转饼状图功能插件。

1.2、公告

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

1.3、UI展示

1.4、开源源码

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

2、API概览

2.1、方法

open 打开饼状图

uexPieChart.open(id,x,y,w,h)

说明:

打开饼状图,回调方法cbOpen

参数:

参数名称 参数类型 是否必选 说明
id String 唯一标识符
x Number x坐标
y Number y坐标
w Number 宽度,为0时为屏幕宽度
h Number 高度,为0时为屏幕高度

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. uexPieChart.open(1,100,500,800,800);

close 关闭饼状图

uexPieChart.close()

说明:

关闭饼状图

参数:

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. uexPieChart.close();

setJsonData 设置饼状图的数据源

uexPieChart.setJsonData(jsonStr)

说明:

设置饼状图的数据源

参数:

  1. var jsonStr = {
  2. "id":,//必选,唯一标识符
  3. "data": [//必选,数据数组
  4. {
  5. "title":,//必选,标题
  6. "value":,//必选,y轴步幅
  7. "color"://必选,标题背景色及所对应的饼状图的扇形背景色
  8. }
  9. ]
  10. }

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. var jsonStr ={
  2. "id": "500",
  3. "data": [
  4. {
  5. "title": "",
  6. "value": "10",
  7. "color": "#FF6600"
  8. },
  9. {
  10. "title": "",
  11. "value": "20",
  12. "color": "#660099"
  13. },
  14. {
  15. "title": "",
  16. "value": "50",
  17. "color": "#FF33FF"
  18. },
  19. {
  20. "title": "",
  21. "value": "60",
  22. "color": "#66CCFF"
  23. },
  24. {
  25. "title": "",
  26. "value": "40",
  27. "color": "#FFFF00"
  28. },
  29. {
  30. "title": "",
  31. "value": "80",
  32. "color": "#009933"
  33. },
  34. {
  35. "title": "",
  36. "value": "70",
  37. "color": "#FF3333"
  38. },
  39. {
  40. "title": "",
  41. "value": "100",
  42. "color": "#00CCFF"
  43. }
  44. ]
  45. };
  46. uexPieChart.setJsonData(JSON.stringify(jsonStr));

2.2、回调方法

cbOpen 打开饼状图的回调方法

uexPieChart.cbOpen(opId,dataType,data)

参数:

参数名称 参数类型 是否必选 说明
opId String 饼状图的唯一标识符
dataType Number 参数类型详见CONSTANT中Callback方法数据类型
data Number 返回uex.cSuccess或者uex.cFailed,详见CONSTANT中Callbackint类型数据

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. uexPieChart.cbOpen = function(opId, dataType, data){
  2. alert(opId + "," + data);
  3. }

2.3、监听方法

onTouchUp 手指离开时的监听方法

uexPieChart.onTouchUp(opId,dataType,data)

参数:

参数名称 参数类型 是否必选 说明
opId String 饼状图的唯一标识符
dataType Number 参数类型详见CONSTANT中Callback方法数据类型
data Number 返回当手指离开时,当前90度线(最下方的竖线)所在的区域的数据

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. uexPieChart.onTouchUp = function(opId, dataType, data){
  2. console.log("onTouchUp:" + data);
  3. }

onData 旋转时的监听方法

uexPieChart.onData(opId,dataType,data)

参数:

参数名称 参数类型 是否必选 说明
opId String 饼状图的唯一标识符
dataType Number 参数类型详见CONSTANT中Callback方法数据类型
data Number 返回当前90度线(最下方的竖线)所在的区域的数据

平台支持:

Android2.2+
iOS6.0+

版本支持:

3.0.0+

示例:

  1. uexPieChart.onData = function(opId, dataType, data){
  2. console.log("onData:" + data);
  3. }

3、更新历史

iOS

API版本:uexPieChart-3.0.3

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

历史发布版本 更新内容
3.0.3 添加IDE支持
3.0.2 使用新版Xcode重新编译,支持arm64
3.0.1 统一回调方法名,统一回调参数
3.0.0 旋转饼状图功能插件

Android

API版本:uexPieChart-3.0.1

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

历史发布版本 更新内容
3.0.1 去掉插件中的ActivityGroup,配合引擎升级
3.0.0 旋转饼状图功能插件