雷达图

[配置项]

简介

雷达图是一种用于显示多维数据的图表。通过将各维度的值映射到相应的角度轴上，数据点在各维度的分布可视化为一条封闭的图形，形似“雷达”。

图表构成

雷达图由在极坐标系下封闭的面积图元、点图元、极坐标轴及其他组件构成。

面积图元、点图元为雷达图的基本要素，相关的绘制配置必不可少:

radarChart.type: 图表类型，雷达图的类型为'radar'
radarChart.data: 图表绘制的数据源
radarChart.categoryField: 分类字段，映射面积图元的顶点或点图元的所在的角度
radarChart.valueField: 数值字段，映射面积图元的顶点或点图元的所在的半径

坐标轴、提示信息等作为辅助图表展示的组件，属于可选配置，自带默认效果和功能:

radarChart.axes: 坐标轴组件，默认显示并根据图表类型自动推断坐标系及数据映射逻辑，详情配置见VChart 坐标轴组件配置
radarChart.tooltip: 提示信息，默认交互时显示，详细配置见VChart 提示信息组件配置
更多组件配置见VChart radarChart 配置

快速上手

雷达图特性

数据

一个离散 字段，如: product，用于映射不同扇区
一个数值字段，如: sales，用于映射扇区半径

一组产品类别和销售额的数据定义如下：

data: [
  {
    name: 'radar',
    values: [
      {
        product: '数码产品',
        sales: 20
      },
      {
        product: '日用品',
        sales: 50
      },
      {
        product: '食品',
        sales: 80
      }
    ]
  }
];

图表布局

分组雷达图

分组雷达图可以同时展示多个雷达系列，便于对比同一维度的不同数据。

由于雷达图的绘制本质是由点图元确定后连接而成，所以不像分组柱状图、分组玫瑰图等图表需要那样将图元间隔排列，只是简单的重叠或交叉在一起即可。体现在配置上就是：分组雷达图不需要多余的声明，只要radarChart.categoryField的数据类别大于 1，即可自动展示分组效果。为了区分不同雷达图元，需要指定radarChart.seriedField字段，该字段默认映射图元颜色。

堆叠雷达图

通过 radarChart.seriesField 配置分组字段并开启 radarChart.stack 属性，可以将雷达图的数据堆叠起来。

百分比堆叠雷达图

在堆叠的基础上开启radarChart.percent即可得到归一化的百分比堆叠雷达图。

雷达图

简介