Package Exports

@antv/g2plot
@antv/g2plot/lib/plots/area
@antv/g2plot/lib/plots/bar
@antv/g2plot/lib/plots/bubble
@antv/g2plot/lib/plots/column
@antv/g2plot/lib/plots/density
@antv/g2plot/lib/plots/gauge
@antv/g2plot/lib/plots/histogram
@antv/g2plot/lib/plots/line
@antv/g2plot/lib/plots/liquid
@antv/g2plot/lib/plots/pie
@antv/g2plot/lib/plots/radar
@antv/g2plot/lib/theme
@antv/g2plot/lib/util/responsive/constraints
@antv/g2plot/lib/util/responsive/rules
@antv/g2plot/lib/util/responsive/theme
@antv/g2plot/lib/util/state-manager

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

g2plot

A charting library based on the Grammar of Graphics.

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(document.getElementById('container'), {
  data,
  xField: 'sales',
  yField: 'year',
  colorField: 'year',
});

bar.render();

Development

$ npm install

# run test case
$ npm run test-live

# build watching file changes and run demos
$ npm run dev

# run demos
$ npm run demos

How to Contribute

Please let us know how can we help. Do check out issues for bug reports or suggestions first.

To become a contributor, please follow our contributing guide.