雷达图
组件说明
雷达图主要用于表现多变量的数据,例如球员的各个属性分析。
效果案例
样式
在样式中可以设置组件的基本属性、全局、坐标轴、和系列配置。
1. 基本属性
- 位置尺寸
位置包括组件的横坐标和纵坐标,单位为px;横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。尺寸包括组件的宽度和高度,单位为px;可单击比例锁锁定组件宽高比,等比例调整组件的宽高,比例锁默认不锁定。
2. 全局
支持圆心位置、内外半径的设置。
- 数值标签
- 图例
3. 坐标轴
配置项 | 说明 |
---|---|
轴线 | 轴线颜色和粗细 |
刻度 | 刻度线的颜色、粗细、长度 |
刻度标签 | 标签文本样式 |
指示器名称 | 指示器文本样式 |
分隔线 | 分隔线颜色和粗细 |
分隔区域 | 区域颜色 |
4. 系列
配置项 | 说明 |
---|---|
映射 | 字段名和显示名之间的映射。 |
折线 | 线颜色改变指定系列的折线样式,样式内容包括折线类型、颜色、粗细、曲线、null值连接和粗细。 |
数据标记 | 数据标记 改变指定系列的数据标记模式,单圆/双圆标记样式 |
区域 | 区域颜色。 |
数据
点击查看数据结构
[
{
"seriesName": "系列一",
"name": "维度一",
"value": 20
},
{
"seriesName": "系列一",
"name": "维度二",
"value": 80
},
{
"seriesName": "系列一",
"name": "维度三",
"value": 50
},
{
"seriesName": "系列一",
"name": "维度四",
"value": 20
},
{
"seriesName": "系列一",
"name": "维度五",
"value": 90
},
{
"seriesName": "系列一",
"name": "维度六",
"value": 40
},
{
"seriesName": "系列二",
"name": "维度一",
"value": 80
},
{
"seriesName": "系列二",
"name": "维度二",
"value": 80
},
{
"seriesName": "系列二",
"name": "维度三",
"value": 20
},
{
"seriesName": "系列二",
"name": "维度四",
"value": 95
},
{
"seriesName": "系列二",
"name": "维度五",
"value": 80
},
{
"seriesName": "系列二",
"name": "维度六",
"value": 88
}
]