折线图
组件名称: 折线图
组件样式:折线图、柱状+折线图、Apdex折线图
请求参数:
图表接口必须支持分钟数和结束时间参数,以满足数读报告可以动态调整时间获取数据。
请求参数 | 类型 | 必选参数 | 说明 |
---|---|---|---|
timePeriod | Number | 是 | 分钟数 |
endTime | String | 是 | 结束时间,格式为yyyy-MM-dd HH:mm |
正确响应数据:
字段 | 类型 | 必须返回 | 说明 |
---|---|---|---|
status | Number | 是 | 请求返回状态,成功200,非200统一无数据处理 |
msg | String | 否 | 请求响应信息 |
data | Object | 是 | 响应结果 |
value | Number | 否 | 平均值 |
stacked | Number | 否 | series中的柱状图是否堆叠,0为不堆叠,1为堆叠,默认为0 |
area | Number | 否 | series中的line图是否堆叠,0为不堆叠,1为堆叠,默认为0 |
yAxis | Object[] | 是 | y轴配置,最多两条数据,第一条在左侧,第二条在右侧 |
name/tickUnit | String | 是 | 坐标轴单位 |
series | Object[] | 是 | 数据对象 |
name | String | 是 | 数据项名称 |
type | String | 是 | line折线图,column柱状图,bar条形图,area堆叠折线图 |
yAxis/yAxisIndex | Number | 否 | 数据对应y轴,从0开始,默认为0 |
data | Object[] | 是 | 图表数据项 |
x | Number | 是 | 时间戳序列 |
y | Number | 是 | 值 |
示例:
{
"status/code": 200,
"msg": "success",
"data": {
"value": 123,
"yAxis": [
{
"tickUnit": "秒"
},
{
"tickUnit": "次"
}
],
"forward": 0,
"stack": 0,
"area": 0,
"series": [
{
"name": "响应时间",
"type": "line",
"data": [
{
"x": 1544496360000,
"y": 122
},
{
"x": 1544496420000,
"y": 422
}
]
},
{
"name": "访问量",
"type": "bar",
"yAxis": 1,
"data": [
{
"x": 1544496360000,
"y": 22
},
{
"x": 1544496420000,
"y": 122
}
]
}
]
}
}