logoCreated with Sketch.

G2Plot

散点图

阅读时间约 1 分钟

定义

散点图是将所有的数据以不同颜色的点的形式展现在平面直角坐标系上的统计图表。

视觉通道

分布

分析目的

比较

数据准备

1 个「数值」字段

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

快速上手

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

fetch('https://gw.alipayobjects.com/os/antfincdn/j5ADHaMsZx/scatter.json')
  .then(data => data.json())
  .then(data => {
    const scatterPlot = new Scatter('container', {
      data,
      xField: 'x',
      yField: 'y',
      size: 5,
      pointStyle: {
        fill: '#5B8FF9',
      },
    });
    scatterPlot.render();
  });
📊 查看更多示例.

🎨 散点图详细的配置参考 API 文档.

散点图特性

回归线

气泡图

气泡图是一种多变量的统计图表，由笛卡尔坐标系（直角坐标系）和大小不一、颜色不同的圆组成，可以看作是散点图的变形。