Package Exports

@antv/g2plot
@antv/g2plot/lib/plots/area
@antv/g2plot/lib/plots/bar
@antv/g2plot/lib/plots/column
@antv/g2plot/lib/plots/gauge
@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

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="c1"></div>

import g2plot 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 barPlot = new g2plot.Bar('c1', {
  data,
  xField: 'sales',
  yField: 'year',
  colorField: 'year'
});
        
barPlot.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.