柱状折线图
组件名称:柱状折线图
组件样式:
组件说明:
柱状折线图适用于时间序列数据格式,必须返回两组type=column,两组type=line数据,并且四组数据x轴数据都是一样的。如果大屏使用此组件展示,建议使用应急配置较高的主机。
请求方式:POST
https://report.tingyun.com/example/browser/ls-performance.json
参数:
字段 | 类型 | 描述 | 是否必选 |
---|---|---|---|
currentTime | Number | 当前时间戳。 | 是 |
token | String | 盐值,校验规则为md5(timePeriod+currentTime+配置的token), 例如:timePeriod为30,currentTime为1513137332798,token为abc,则应对301513137332798abc进行md5。 |
否 |
timePeriod | Number | 时间范围分钟数。 | 是 |
正确响应数据:
字段 | 类型 | 描述 |
---|---|---|
code | Number | 状态码 |
data | Object | 数据对象 |
series | Object[] | |
name | String | 数据项名称 |
data | Object[] | |
x | Number | x轴数据,只支持时间戳 |
y | Number | y轴数据 |
yAxis | Object[] | 数据项y轴 |
tickUnit | String | y轴单位 |
示例:
HTTP/1.1 200 OK
{
"code": 200,
"data": {
"series": [
{
"name": "a.tingyun.com",
"data": [
{
"y": 712,
"x": 1576837140000
},
{
"y": 4871,
"x": 1576837200000
},
{
"y": 4020,
"x": 1576837260000
}
]
},
{
"name": "b.tingyun.com",
"data": [
{
"y": 237,
"x": 1576837140000
},
{
"y": 1648,
"x": 1576837200000
},
{
"y": 98,
"x": 1576837260000
}
]
},
{
"name": "c.tingyun.com",
"data": [
{
"y": 4339,
"x": 1576837140000
},
{
"y": 2740,
"x": 1576837200000
},
{
"y": 3305,
"x": 1576837260000
}
]
},
{
"name": "d.tingyun.com",
"data": [
{
"y": 2692,
"x": 1576837140000
},
{
"y": 1434,
"x": 1576837200000
},
{
"y": 1494,
"x": 1576837260000
}
]
},
{
"name": "e.tingyun.com",
"data": [
{
"y": 4128,
"x": 1576837140000
},
{
"y": 3170,
"x": 1576837200000
},
{
"y": 2580,
"x": 1576837260000
}
]
}
],
"yAxis": [
{
"tickUnit": "次"
}
]
}
}