3D 柱状折线图
组件名称：3D柱状折线图
组件样式：
组件说明：
曲线图加柱状图，适用于时间序列数据格式，必须返回两组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 | 状态码 |
| msg | String | 状态描述 |
| data | Object | 数据对象 |
| overview | Object | |
| tick | Number | x轴时间粒度，分钟为单位 |
| series | Object[] | |
| data | Object[] | |
| x | Number | x轴数据，只支持时间戳 |
| y | Number | y轴数据 |
| name | String | 数据项名称 |
| type | String | 横坐标图形，column显示柱状图，line显示曲线图 |
| yAxis | String | 数据项使用哪个坐标轴，从0开始 |
| yAixs | Object[] | 数据项y轴 |
| tickUnit | String | y轴单位 |
示例：
{
"id": 1,
"code": 200,
"data": {
"overview": {
"tick": 1
},
"yAxis": [
{
"tickUnit": "次"
},
{
"tickUnit": "ms",
"opposite": true
}
],
"series": [
{
"name": "DNS",
"type": "column",
"yAxis": 0,
"data": [
{
"y": 460,
"x": 1582882920000
},
{
"y": 4850,
"x": 1582882980000
},
{
"y": 687,
"x": 1582883040000
},
{
"y": 4870,
"x": 1582883100000
},
{
"y": 1861,
"x": 1582883160000
},
{
"y": 3818,
"x": 1582883220000
},
{
"y": 3743,
"x": 1582883280000
},
{
"y": 2238,
"x": 1582883340000
},
{
"y": 3944,
"x": 1582883400000
},
{
"y": 1569,
"x": 1582883460000
},
{
"y": 2619,
"x": 1582883520000
},
{
"y": 3200,
"x": 1582883580000
},
{
"y": 587,
"x": 1582883640000
},
{
"y": 3625,
"x": 1582883700000
},
{
"y": 4845,
"x": 1582883760000
},
{
"y": 1635,
"x": 1582883820000
},
{
"y": 927,
"x": 1582883880000
},
{
"y": 1087,
"x": 1582883940000
},
{
"y": 4504,
"x": 1582884000000
},
{
"y": 4017,
"x": 1582884060000
},
{
"y": 1737,
"x": 1582884120000
},
{
"y": 120,
"x": 1582884180000
},
{
"y": 502,
"x": 1582884240000
},
{
"y": 829,
"x": 1582884300000
},
{
"y": 740,
"x": 1582884360000
},
{
"y": 1584,
"x": 1582884420000
}
]
},
{
"name": "SSL",
"type": "column",
"yAxis": 0,
"data": [
{
"y": 693,
"x": 1582882920000
},
{
"y": 3387,
"x": 1582882980000
},
{
"y": 3415,
"x": 1582883040000
},
{
"y": 2131,
"x": 1582883100000
},
{
"y": 4372,
"x": 1582883160000
},
{
"y": 4635,
"x": 1582883220000
},
{
"y": 959,
"x": 1582883280000
},
{
"y": 3011,
"x": 1582883340000
},
{
"y": 3242,
"x": 1582883400000
},
{
"y": 2669,
"x": 1582883460000
},
{
"y": 3593,
"x": 1582883520000
},
{
"y": 1555,
"x": 1582883580000
},
{
"y": 4464,
"x": 1582883640000
},
{
"y": 716,
"x": 1582883700000
},
{
"y": 4022,
"x": 1582883760000
},
{
"y": 733,
"x": 1582883820000
},
{
"y": 3078,
"x": 1582883880000
},
{
"y": 3298,
"x": 1582883940000
},
{
"y": 3572,
"x": 1582884000000
},
{
"y": 3659,
"x": 1582884060000
},
{
"y": 4636,
"x": 1582884120000
},
{
"y": 4128,
"x": 1582884180000
},
{
"y": 2728,
"x": 1582884240000
},
{
"y": 1947,
"x": 1582884300000
},
{
"y": 2299,
"x": 1582884360000
},
{
"y": 3340,
"x": 1582884420000
}
]
},
{
"name": "首屏",
"type": "line",
"yAxis": 1,
"data": [
{
"y": 2066,
"x": 1582882920000
},
{
"y": 2983,
"x": 1582882980000
},
{
"y": 4851,
"x": 1582883040000
},
{
"y": 3773,
"x": 1582883100000
},
{
"y": 4532,
"x": 1582883160000
},
{
"y": 2218,
"x": 1582883220000
},
{
"y": 3912,
"x": 1582883280000
},
{
"y": 3925,
"x": 1582883340000
},
{
"y": 179,
"x": 1582883400000
},
{
"y": 2591,
"x": 1582883460000
},
{
"y": 1994,
"x": 1582883520000
},
{
"y": 859,
"x": 1582883580000
},
{
"y": 2463,
"x": 1582883640000
},
{
"y": 1287,
"x": 1582883700000
},
{
"y": 3748,
"x": 1582883760000
},
{
"y": 3555,
"x": 1582883820000
},
{
"y": 1090,
"x": 1582883880000
},
{
"y": 4991,
"x": 1582883940000
},
{
"y": 2135,
"x": 1582884000000
},
{
"y": 1881,
"x": 1582884060000
},
{
"y": 4426,
"x": 1582884120000
},
{
"y": 1893,
"x": 1582884180000
},
{
"y": 4943,
"x": 1582884240000
},
{
"y": 3629,
"x": 1582884300000
},
{
"y": 2574,
"x": 1582884360000
},
{
"y": 2310,
"x": 1582884420000
}
]
},
{
"name": "建连",
"type": "line",
"yAxis": 1,
"data": [
{
"y": 1639,
"x": 1582882920000
},
{
"y": 970,
"x": 1582882980000
},
{
"y": 178,
"x": 1582883040000
},
{
"y": 3194,
"x": 1582883100000
},
{
"y": 129,
"x": 1582883160000
},
{
"y": 3852,
"x": 1582883220000
},
{
"y": 3424,
"x": 1582883280000
},
{
"y": 1751,
"x": 1582883340000
},
{
"y": 3006,
"x": 1582883400000
},
{
"y": 3315,
"x": 1582883460000
},
{
"y": 1643,
"x": 1582883520000
},
{
"y": 3661,
"x": 1582883580000
},
{
"y": 2640,
"x": 1582883640000
},
{
"y": 2970,
"x": 1582883700000
},
{
"y": 4306,
"x": 1582883760000
},
{
"y": 3140,
"x": 1582883820000
},
{
"y": 458,
"x": 1582883880000
},
{
"y": 4169,
"x": 1582883940000
},
{
"y": 4719,
"x": 1582884000000
},
{
"y": 138,
"x": 1582884060000
},
{
"y": 4301,
"x": 1582884120000
},
{
"y": 3577,
"x": 1582884180000
},
{
"y": 3672,
"x": 1582884240000
},
{
"y": 220,
"x": 1582884300000
},
{
"y": 2075,
"x": 1582884360000
},
{
"y": 4671,
"x": 1582884420000
}
]
}
]
}
}