柱状图
组件名称:柱状图
组件样式:
组件说明:
类目轴,适用于离散的类目数据返回格式,如柱状图。
请求方式:POST
https://report.tingyun.com/example/category.json
参数:
字段 | 类型 | 描述 | 是否必选 |
---|---|---|---|
currentTime | Number | 当前时间戳。 | 是 |
token | String | 盐值,校验规则为md5(timePeriod+currentTime+配置的token), 例如:timePeriod为30,currentTime为1513137332798,token为abc,则应对301513137332798abc进行md5。 |
否 |
timePeriod | Number | 时间范围分钟数。 | 是 |
正确响应数据:
字段 | 类型 | 描述 |
---|---|---|
value | Number | 平均值, 该健可以不存在,当红绿灯不存在时可以不返回。 |
xAxis | Object[] | 默认横坐标配置。 |
type | String | 横坐标轴类型,可以为空,默认为category。 |
data | Object[] | 横坐标轴数据。 |
yAxis | Object[] | 默认纵坐标配置,可以不传入该参数则默认只存在一个纵坐标轴,并且类型(type)为vlaue,名称(name)为空。 |
type | String | 纵坐标轴类型,可以为空,默认为value。 |
name | String | 纵坐标轴名称,可以为空,对应到大屏项目为单位。 |
forward | String | 图的方向,0:横向 1:纵项, 可以不存在,默认为0。 |
stacked | String | series中的bar图是否堆叠,0为不堆叠,1为堆叠 可以不存在,默认为0。 |
area | String | series中的line图是否堆叠,0为不堆叠,1为堆叠 可以不存在,默认为0。 |
series | Object[] | 数据对象。 |
name | String | 数据项名称。 |
type | String | 横坐标图形,支持line、bar,默认为line,可以不存在。 |
data | Number[] | 数据项 具体数据和category的长度相同。 |
yAxisIndex | Number | 数据项使用哪个坐标轴,以0开始,可以不存在,默认为0。 |
示例:
HTTP/1.1 200 OK
{
"value": 123,
"xAxis": [
{
"type": "category",
"data": [
"1月",
"2月",
"3月",
"4月",
"5月",
"6月",
"7月",
"8月",
"9月",
"10月",
"11月",
"12月"
]
}
],
"yAxis": [
{
"type": "value",
"name": "秒"
},
{
"type": "value",
"name": "次"
}
],
"forward": 0,
"stack": 0,
"area": 0,
"series": [
{
"name": "响应时间",
"type": "line",
"data": [
2.6,
5.9,
9,
26.4,
28.7,
70.7,
175.6,
182.2,
48.7,
18.8,
6,
2.3
]
},
{
"name": "访问量",
"type": "bar",
"yAxisIndex": 1,
"data": [
2,
4.9,
7,
23.2,
25.6,
76.7,
135.6,
162.2,
32.6,
20,
6.4,
3.3
]
}
]
}