多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
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则是数据映射的图形标识,就是指的点,线,面,通过对其操作,从而展示图形