雷达图
组件名称: 雷达图
组件样式:
请求参数:
图表接口必须支持分钟数和结束时间参数,以满足数读报告可以动态调整时间获取数据。
请求参数 | 类型 | 必选参数 | 说明 |
---|---|---|---|
timePeriod | Number | 是 | 分钟数 |
endTime | String | 是 | 结束时间,格式为 yyyy-MM-dd HH:mm |
正确响应数据:
字段 | 类型 | 必须返回 | 说明 |
---|---|---|---|
status | Number | 是 | 请求返回状态,成功 200,非 200 统一无数据处理 |
msg | String | 否 | 请求响应信息 |
data | Object | 是 | 响应结果 |
value | Number | 否 | 雷达中间指标值 |
unit | String | 否 | 单位 |
indicator | Object[] | 是 | 指标项及名称 |
name | String | 是 | 指标项名称 |
max | Number | 是 | 指标项最大值 |
series | Object[] | 是 | 数据对象 |
name | String | 是 | 数据项名称 |
value | Object[] | 是 | 数据项值 |
示例:
{
"status": 200,
"msg": "success",
"data": {
"value": 67,
"indicator": [
{
"name": "指标A",
"max": 100
},
{
"name": "指标B",
"max": 100
},
{
"name": "指标C",
"max": 100
},
{
"name": "指标D",
"max": 100
},
{
"name": "指标E",
"max": 100
},
{
"name": "指标F",
"max": 100
}
],
"series": [
{
"name": "行业",
"value": [
89,
90,
99,
96,
97,
95
]
},
{
"name": "当前",
"value": [
70,
60,
40,
30,
50,
95
]
}
]
}
}
数据库接入、CSV 接入:
SQL查询结果和CSV文件内容均为5列,字段名称可以任意指定,但是字段顺序不能改变。
字段 | 类型 | 描述 |
---|---|---|
value1 | Number | 雷达图数值 |
name1 | String | 指标名称 |
max | String | 指标最大值 |
name2 | String | 数据名称 |
value2 | String | 数据值 |
以 MySQL 为例,SQL 示例如下:
SELECT value1,name1,max,name2,value2 FROM demo
CSV 示例如下:
value1,name1,max,name2,value2
15,1响应时间,100,数据一1,72
15,2消耗流量,100,数据一1,74
15,3卡顿率,100,数据一1,43
15,4错误率,100,数据一1,60
15,5崩溃率,100,数据一1,78
15,6新增一列,100,数据一1,88
15,1响应时间,100,数据二2,61
15,2消耗流量,100,数据二2,57
15,3卡顿率,100,数据二2,82
15,4错误率,100,数据二2,48
15,5崩溃率,100,数据二2,40
15,6新增一列,100,数据二2,11