汇总柱状图
组件名称:汇总柱状图
组件样式:
组件说明:
以饼图的方式轮播显示每组数据。
请求方式:POST
https://doc.tingyun.com/sense/example/bard3pie.json
参数:
字段 | 类型 | 描述 | 是否必选 |
---|---|---|---|
currentTime | Number | 当前时间戳 | 是 |
token | String | 盐值,校验规则为md5(timePeriod+currentTime+ 配置的token), 例如:timePeriod为30,currentTime为 1513137332798,token为abc,则应对 301513137332798abc进行md5 |
否 |
timePeriod | Number | 时间范围分钟数 | 是 |
正确响应数据:
字段 | 类型 | 描述 |
---|---|---|
series | Array | 可以是任意条数据 |
name | String | 名称 |
data | Array | 子数据,可多条数据。 |
name | String | 名称 |
value | Number | 数字类型 |
color | String | bar的颜色, "#77E5FF"。可选参数 |
value如果包含小数,在组件中会四舍五入的显示整数。 color可以通过接口传入,也可以在组件中直接配置。组件中配置的颜色优先级高于接口传入的颜色值。
示例:
{
"series": [
{
"name": "版本一",
"data": [
{
"name": "活跃数",
"value": 601,
"color": "#0091D2"
},
{
"name": "新增数",
"value": 299,
"color": "#27BA93"
},
{
"name": "启动次数",
"value": 589,
"color": "#B42E2E"
}
]
},
{
"name": "版本二",
"data": [
{
"name": "活跃数",
"value": 362,
"color": "#f091D2"
},
{
"name": "新增数",
"value": 446,
"color": "#270A93"
},
{
"name": "启动次数",
"value": 708,
"color": "#B49E2E"
}
]
},
{
"name": "版本三",
"data": [
{
"name": "活跃数",
"value": 233,
"color": "#f09102"
},
{
"name": "新增数",
"value": 743,
"color": "#970A93"
},
{
"name": "启动次数",
"value": 226,
"color": "#042E2E"
}
]
}
]
}