Package Exports

@antv/g2plot
@antv/g2plot/lib/plots/area
@antv/g2plot/lib/plots/bar
@antv/g2plot/lib/plots/bullet
@antv/g2plot/lib/plots/column
@antv/g2plot/lib/plots/funnel
@antv/g2plot/lib/plots/gauge
@antv/g2plot/lib/plots/heatmap
@antv/g2plot/lib/plots/histogram
@antv/g2plot/lib/plots/line
@antv/g2plot/lib/plots/liquid
@antv/g2plot/lib/plots/pie
@antv/g2plot/lib/plots/progress
@antv/g2plot/lib/plots/radar
@antv/g2plot/lib/plots/ring-progress
@antv/g2plot/lib/plots/rose
@antv/g2plot/lib/plots/scatter
@antv/g2plot/lib/plots/tiny-area
@antv/g2plot/lib/plots/tiny-column
@antv/g2plot/lib/plots/tiny-line
@antv/g2plot/lib/plots/treemap
@antv/g2plot/lib/plots/waterfall
@antv/g2plot/lib/plots/word-cloud
@antv/g2plot/lib/utils

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@antv/g2plot) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

English | 简体中文

G2Plot

A charting library based on the Grammar of Graphics.

Latest commit

Website • Quick Start • Blog • AntV ThemeSet

G2Plot is an interactive and responsive charting library. Based on the grammar of graphics, you can easily make superior statistical charts through a few lines of code.

✨ Features

📦 Pretty & Lightweight

With AntV design principles of data visualization, G2Plot provides standard and elegant visual styles as well as neat config options.

📊 Responsive

G2Plot guarantees the readability of the charts in different sizes and data.

🔳 Storytelling

With the feature of layers, charts can be grouped, nested or linked to do exploratory analysis and expressive storytelling.

📦 Installation

$ npm install @antv/g2plot

🔨 Usage

<div id="container"></div>

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

const data = [
  { year: '1951 年', sales: 38 },
  { year: '1952 年', sales: 52 },
  { year: '1956 年', sales: 61 },
  { year: '1957 年', sales: 145 },
  { year: '1958 年', sales: 48 },
];

const bar = new Bar('container', {
  data,
  xField: 'sales',
  yField: 'year',
  seriesField: 'year',
});

bar.render();

🤝 How to Contribute

Your contributions are always welcome! Please Do have a look at the issues first.

To become a contributor, please follow our contributing guide.

Thanks goes to these wonderful people (emoji key):

_Visiky 💻	_hustcc 💻	_{Joel Alan} 💻	_刘珍莹 💻	_zqlu 💻	_arcsin1 💻
_{被雨水过滤的空气} 💻	_banli 💻	_{xi li} 💻	_DarrenPei 💻	_MiniPear 💻	_connono 💻
_于向前 💻	_afc163 💻	_{Martin Jul} 💻	_jhwong 💻	_{Jingsong Gao} 💻	_Mr小刘 💻
_ntscshen 💻	_yiminanci 💻	_ai-qing-hai 💻	_xrkffgg 💻	_Dawnlck 💻	_Karis 💻
_Mayne 💻	_Plortinus 💻	_{Shanjie Chen} 💻	_{Yang Libin} 💻	_beewolf233 💻	_lqzhgood 💻
_neoddish 💻	_stack-stark 💻	_vector 💻	_嘤嘤嘤 💻	_琚致远 💻	₁₄ 💻