直方图

阅读时间约 1 分钟

定义

直方图是一种统计报告图,由一系列高度不等的纵向条纹或线段表示数据分布的情况。

视觉通道

位置

分析目的

比较、趋势

数据准备

1 个「时间」或「有序名词」字段

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

1 个「数值」字段

快速上手

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

fetch('https://gw.alipayobjects.com/os/antfincdn/RoliHq%2453S/histogram.json')
  .then((data) => data.json())
  .then((data) => {
    const histogramPlot = new Histogram('container', {
      data,
      binField: 'value',
      binWidth: 2,
    });

    histogramPlot.render();
  });
📊 查看更多示例.

🎨 直方图详细的配置参考 API 文档