AntV G2 权威指南：从入门到精通的全面教程

第一章：G2 图形语法核心思想

1.1. 欢迎来到 G2 的世界

欢迎进入 AntV G2 的数据可视化世界。G2 并不仅仅是一个传统的图表库，它是一套强大、完整且具有高度扩展性的可视化图形语法 1。传统的图表库，如 Chart.js，通常提供固定的图表类型（如条形图、折线图等），开发者通过配置项来调整这些预设的图表。这种方式虽然简单直接，但在面对复杂或非标准的图表需求时，往往会显得力不从心。

G2 的设计哲学源于学术界的经典理论——李兰·威尔金森（Leland Wilkinson）所著的《图形语法》（The Grammar of Graphics）。这本书提出了一种革命性的思想：任何一张图表，无论多么复杂，都可以被拆解为一系列基础的、可组合的图形元素。G2 将这套理论工程化，为开发者提供了一套声明式的 API，让你能够像组织语言一样来构建图表 3。

使用 G2，你将不再受限于有限的图表类型。你可以自由地组合各种图形元素，从简单的条形图到复杂的多层复合图表，甚至是创造全新的可视化形式。这种能力使得 G2 能够带领开发者“超越有限的图表集合，进入一个几乎无限的图形形式世界” 5。

1.2. 图形语法的力量

要真正掌握 G2，首先需要理解其背后的核心概念，即“图形语法”的构成要素。这些要素共同构成了一套描述和构建可视化的语言 6。

• 数据 (Data): 数据是可视化的基础和源泉。在 G2 中，数据通常是一个 JavaScript 对象数组，每