| category | Components |
|---|---|
| type | Plot |
| usage | comparison |
| title | Radar 雷达图 |
| cover | https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*okGTT7D7fBEAAAAAAAAAAAAADmJ7AQ/original |
| link | /examples#statistics-radar |
| order | 10 |
雷达图(Radar)又称蜘蛛网图或星图,是一种将多个维度的数据以二维图表形式展示的可视化工具。其核心特征包括:
- 辐射状坐标轴:从中心向外辐射出若干条等距坐标轴(每个轴代表一个维度),形似雷达的扫描波纹。
- 多边形闭合曲线:将各维度数据点连接成闭合多边形,通过面积或形状对比不同对象的综合表现。
- 多维度并行展示:可同时展示 3 个以上维度的数据(如最多 12 个维度),适合多维指标的综合评估。
更多示例详见雷达图
通用属性参考:通用配置
| 配置项 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| data | 数据 | Array | [] |
| xField | 横轴字段 | string | - |
| yField | 纵轴字段 | string | string[] | - |
| colorField | 颜色映射字段,详见color | string(可选) | - |
| shapeField | 绑定 line 标记的 shape 属性通道,改变图形标记的绘制形状 | line | smooth | vh | hv | hvh | trail |
line |
| area | 开启面积图,配置和面积图基本一致,默认继承了 Radar 的 data | xField | yField 等属性,同时关闭了 tooltip,通过 style 指定绘图属性。 |
object(可选) | - |
| point | 标记,配置和 area 类似,也继承了上层的一些通用配置,通过 shapeField 指定标记类型, 可通过 sizeField 指定标记大小,可以通过 style 指定绘图属性。 |
object(可选) | - |
| radius | 半径 | number[0~1] | - |
| innerRadius | 内径 | number[0~1] | 0 |
| title | 用于指定图表的标题内容,详见标题 | object(可选) | - |
| axis | 用于建立数据与视觉位置的映射关系,详见坐标轴 | object(可选) | - |
| legend | 图表的辅助元素,使用颜色、大小、形状区分不同的数据类型,用于图表中数据的筛选,详见图例 | object(可选) | - |
| slider | 用于过滤数据,让用户在数据量较大的情况下一次只用关注局部的数据,是一种辅助看数据的组件,详见滑块 | object(可选) | - |
| label | 数据标签是给图表添加标注的手段之一,详见标签 | object(可选) | - |
| tooltip | 用于动态展示数据点的详细信息,详见提示 | object(可选) | - |
| style | 视觉样式,配置项详见绘图属性 | object(可选) | - |
| theme | 用于控制图表的整体外观,包括颜色、字体、边距等视觉属性,详见主题 | string | object(可选) | light |
| onReady | 图表加载回调,用于后续的事件事件绑定 | Function(可选) | - |
| scale | 将抽象数据映射为视觉数据,详见比例尺 | object(可选) | - |
| animate | 动画作为可视化的重要组成部分,能显著提高数据可视化的表现力,详见动画 | object(可选) | - |
| interaction | 提供了按需探索数据的能力,详见交互 | object(可选) | - |
| state | 实现交互反馈、高亮、选中等效果,详见状态,不同交互下图表样式 | object(可选) | - |
| annotations | 视图好比一个画板,bar 组件默认在其上绘制了一个雷达图,我们可以通过 annotations 在上面叠加更多的图层,详见标注 |
Array(可选) | - |
详见选项-事件。
详见图表概览-图表方法。