Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
forked from antvis/G2Plot

A collection of charts made with the Grammar of Graphics

License

Notifications You must be signed in to change notification settings

Jinjun-web/g2plot

Repository files navigation

g2plot

A charting library based on the Grammar of Graphics.

Build Status 版本 NPM downloads 最近提交

G2plot is an interactive and responsive charting library based on the grammar of graphics, which enables users to generate high quality statistical charts through a few lines of code easily.

Moreover, combining with AntV design principles, g2plot provides standard and elegant visual styles as well as better user experience.



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.

About

A collection of charts made with the Grammar of Graphics

Resources

License

Contributing

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 66.5%
  • TypeScript 33.5%

AltStyle によって変換されたページ (->オリジナル) /