Radar

2 min read

定义

将不同系列的多个维度的数据量映射到坐标轴上,这些坐标轴起始于同一个圆心点,通常结束于圆周边缘,将同一组的点使用线连接起来,用颜色区分系列。

别名: 蛛网图

视觉通道

颜色、位置

分析目的

比较

数据准备

1 ~ 2 个「无序名词」字段

1 个「数值」字段

Quick start

import { Radar } from '@antv/g2plot';

// 数据更新于 2021.01.09
const data = [
  { name: 'G2', star: 10371 },
  { name: 'G6', star: 7380 },
  { name: 'F2', star: 7414 },
  { name: 'L7', star: 2140 },
  { name: 'X6', star: 660 },
  { name: 'AVA', star: 885 },
  { name: 'G2Plot', star: 1626 },
];
const radarPlot = new Radar('container', {
  data: data.map((d) => ({ ...d, star: Math.sqrt(d.star) })),
  xField: 'name',
  yField: 'star',
  meta: {
    star: {
      min: 0,
      nice: true,
    },
  },
  area: {},
});
radarPlot.render();
📊 See more examples.

🎨 For an overview of the radar plot options see the API reference.