uexPieChart

1、简介

旋转饼状图功能插件【已下架】

1.1、说明

旋转饼状图功能插件.【3.0版本 已下架 请使用升级版插件uexChart,详情查看对应文档】

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+

示例:

    uexPieChart.open(1,100,500,800,800);
close //关闭饼状图

uexPieChart.close()

说明:

关闭饼状图

参数:

平台支持:

Android2.2+ iOS6.0+

版本支持:

3.0.0+

示例:

    uexPieChart.close();
setJsonData //设置饼状图的数据源

uexPieChart.setJsonData(jsonStr)

说明:

设置饼状图的数据源

参数:

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

平台支持:

Android2.2+ iOS6.0+

版本支持:

3.0.0+

示例:

    var jsonStr ={
        "id": "500",
        "data": [
            {
                "title": "",
                "value": "10",
                "color": "#FF6600"
            },
            {
                "title": "",
                "value": "20",
                "color": "#660099"
            },
            {
                "title": "",
                "value": "50",
                "color": "#FF33FF"
            },
            {
                "title": "",
                "value": "60",
                "color": "#66CCFF"
            },
            {
                "title": "",
                "value": "40",
                "color": "#FFFF00"
            },
            {
                "title": "",
                "value": "80",
                "color": "#009933"
            },
            {
                "title": "",
                "value": "70",
                "color": "#FF3333"
            },
            {
                "title": "",
                "value": "100",
                "color": "#00CCFF"
            }
        ]
    };
    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+

示例:

    uexPieChart.cbOpen = function(opId, dataType, data){
        alert(opId + "," + data);
    }
2.3、监听方法
onTouchUp //手指离开时的监听方法

uexPieChart.onTouchUp(opId,dataType,data)

说明 手指离开时的监听方法

参数:

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

平台支持:

Android2.2+ iOS6.0+

版本支持:

3.0.0+

示例:

    uexPieChart.onTouchUp = function(opId, dataType, data){
        console.log("onTouchUp:" + data);
    }
onData //旋转时的监听方法

uexPieChart.onData(opId,dataType,data)

说明 旋转时的监听方法

参数:

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

平台支持:

Android2.2+ iOS6.0+

版本支持:

3.0.0+

示例:

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

3、更新历史

iOS

API版本: uexPieChart-4.0.0

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

历史发布版本 更新内容
Android

API版本: uexPieChart-4.0.0

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

历史发布版本 更新内容
还需要帮助吗? 联系我们
最新更新 10th Dec 2016