name: console-radar-chart zhName: 雷达图
雷达图API
引入方式
import { ConsoleRadarChart } from '@alicloud/console-chart';示例 Demo
基本使用
MDXInstruction:importDemo:Basic
面积图
MDXInstruction:importDemo:Area
多组数据
MDXInstruction:importDemo:Multi
自定义坐标轴
MDXInstruction:importDemo:Axis
配置 Config
通用配置
| 属性 | 说明 |
|---|---|
| padding | 配置绘图内边距 |
| xAxis | 配置x轴 |
| yAxis | 配置y轴 |
| legend | 配置图例 |
| guide | 配置辅助元素 |
| tooltip | 配置提示信息 |
| label | 配置图形文本 |
| size | 配置自定义大小 |
| style | 配置自定义样式 |
专属配置
symbol: Boolean
是否展示数据点
smooth: Boolean
显示成光滑曲线
area: Boolean
是否显示面积雷达图
stack: Boolean
是否显示堆栈图, 仅在area=true时生效
radius: Number
设置极坐标系的半径，可控制显示图形的大小
数据列配置
| 属性 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| name | 数据列名称 | String | - | - |
| data | 数据 | - | - | - |
| color | 自定义当前数据列颜色 | String | 主题color_24
|
- |