访问官网
Github
文档
English | 简体中文
G2Plot
基于 G2 4.x 版本二次封装的图表库。
📢 新版本 G2 v5 已经发布，未来不会基于 G2 v5 封装 G2Plot v3 版本，但是可以使用 Ant Design Charts 代替。
网站 • 快速开始 • 博客 • AntV ThemeSet
G2Plot 是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库，基于图形语法理论搭建而成。"G2Plot"中的 G2 意指图形语法（the Grammar of Graphics），同时也致敬了 ggplot2。我们的目标是：
- 让用户无需成为可视化专家也能轻松制作出优雅美观的图表。
- 确保图表能够经受业务的检验，在实际场景中易用、好用。
- 探索统计图表的更多可能性，使统计图表变得更有趣、更酷。
✨ 特性
📦 开箱即用、体验优雅的高质量统计图表
G2Plot 为用户提供了一套源自企业级产品的视觉语言和设计规范。不仅对图表的整体视觉样式进行了优化，还针对每种图表的特点，提炼出一套最佳配置，确保用户通过最少的配置就能制作出优雅、规范的图表。
📊 响应式：让图表更智能
在实际的图表应用场景中，一个棘手的难题是图表的展示空间往往不足以显示全部数据，导致极端情况下出现文本重叠遮挡、内容无法自适应、内容裁剪等问题。G2Plot 借鉴了宽容性设计的思想，在图表信息密度过高时，会对图表的辅助信息进行抽稀，以确保图表的主要信息能够展示，并保持基本的可读性。
🔳 更进一步：会讲故事的图表
在 G2Plot 体系中，图表不仅仅是独立的实例。通过引入图层概念，我们为多图表组合、叠加和联动提供了可能性，让图表能够共同讲述一个数据故事。未来，我们还将探索将统计图表转化为信息图的可能性，进一步丰富统计图表的表现力。
📦 安装
$ npm install @antv/g2plot
🔨 使用
<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();
🤝 参与贡献
我们非常欢迎你的贡献！无论是提出问题还是提交代码。
反馈问题请先阅读 issues。
提交代码请遵循 贡献指引。
感谢以下贡献者 (emoji key):
🔗 相关链接
ChartCube - 基于 G2Plot 的在线图表制作工具，交互简单，一键导出图表代码！
许可证
MIT
