G2图表由一下几个部分组成:
一:坐标轴 Axes
二:图例 Legend
三:几何标记 Geometry
四:提示信息 Tooltip
五: 辅助标记 Guide
按模块划分G2,主要由一下几个模块组成:
一:数据处理模块 (DataSet、DataView、Transform)
二:数据映射模块 (Scale度量、Attribute图形属性、Coordinate坐标系)
三:辅助信息(Axis坐标轴、Tootip提示信息、图例、辅助元素)
四:图形展示(Chart、View、Geom、Shape)
![](https://img.kancloud.cn/ad/a9/ada9b7a2f5d4c9e1b0b68b2958e593d4_709x549.png)
1. 在数据处理模块上,dataSet主要通过state状态管理多个dataview视图,实现多图联动,或者关联视图。dataView则是对应的是每一个数据源,通过connector来接入不同类型的数据,通过tranform进行数据的转换或者过滤。最后输出我们理想的数据,dataSet是与g2分离的,需要用到的时候可以加载
2. 在图形映射模块上,度量 Scale,是数据空间到图形空间的转换桥梁,负责原始数据到 \[0, 1\] 区间数值的相互转换工作,从原始数据到 \[0, 1\] 区间的转换我们称之为归一化操作。我们可以通过chart.source或者chart.scale('field', defs)来实现列定义,我们可以在这对数据进行起别名,更换显示类型(time,cat类型等)
3. 辅助信息,就是标记数据,方便理解数据
4. 图形展示 chart图表是一个大画布,可以有多个view视图,geom则是数据映射的图形标识,就是指的点,线,面,通过对其操作,从而展示图形