3D 饼图
组件名称:3D饼图
组件样式:
组件说明:
3D饼图,适用于百分比数据,最多支持6条数据。如果大屏使用此组件展示,建议使用配置较高的主机。
请求方式:POST
https://report.tingyun.com/example/browser/access-mode.json
参数:
字段 | 类型 | 描述 | 是否必选 |
---|---|---|---|
currentTime | Number | 当前时间戳。 | 是 |
token | String | 盐值,校验规则为md5(timePeriod+currentTime+配置的token), 例如:timePeriod为30,currentTime为1513137332798,token为abc,则应对301513137332798abc进行md5。 |
否 |
timePeriod | Number | 时间范围分钟数。 | 是 |
正确响应数据:
字段 | 类型 | 描述 |
---|---|---|
code | Number | 状态码 |
msg | String | 状态描述 |
data | Object[] | 数据对象 |
name | String | 名称 |
value | Number | 值 |
示例:
HTTP/1.1 200 OK
{
"code": 200,
"msg": "success",
"data": [
{
"name": "PC",
"value": 60.53
},
{
"name": "移动端",
"value": 6.58
},
{
"name": "微信",
"value": 32.89
}
]
}
数据库接入、CSV接入
SQL查询结果和CSV文件内容均为4列,字段名称可以任意指定,但是字段顺序不能改变:
字段顺序 | 类型 | 描述 |
---|---|---|
name | String | 名称 |
value | Number | 百分比 |
score | Number | 值 |
pv | Number | 值 |
以MySQL为例,SQL示例如下:
SELECT name, value, score, pv FROM pie_3d_chart_test
CSV示例如下:
name,value,score,pv
PC,11,12,1122
移动端,21,22,2122
微信,31,32,3122