README.zh-CN.md

G2: The Grammar of Graphics in JavaScript

G2 是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表。

在此衷心感谢《The Grammar of Graphics》的作者 Leland Wilkinson，为 G2 的图形语法提供了理论基础！

了解更多 G2 详情.

安装

npm install @antv/g2

特性

• ✔︎ 简单、易用
• ✔︎ 完备的可视化编码
• ✔︎ 强大的扩展能力

文档

• 使用教程
• API 文档
• 图表示例

快速开始

<div id="c1"></div>

import G2 from '@antv/g2';

const data = [
  { genre: 'Sports', sold: 275 },
  { genre: 'Strategy', sold: 1150 },
  { genre: 'Action', sold: 120 },
  { genre: 'Shooter', sold: 350 },
  { genre: 'Other', sold: 150 },
];

const chart = new G2.Chart({
  container: 'c1',
  width: 500,
  height: 500
});

chart.source(data);
chart.interval().position('genre*sold').color('genre');
chart.render();

更多示例

本地开发

$ npm install

# 跑测试用例
$ npm run test-live

# 监听文件变化构建，并打开 demo 页面
$ npm run dev

# 打开 demo
$ npm run demos

如何贡献

如果您在使用的过程中碰到问题，可以先通过 issues 看看有没有类似的 bug 或者建议。

如需提交代码，请遵从我们的贡献指南。