G2

    主体图表类,用于控制图表的创建、绘制和销毁。

    详细文档见 Chart API

    Shape

    构成图表具体的形状类。

    详细文档见 Shape API

    Scale

    度量 Scale 类,是将原始数据转换为图形坐标的关键桥梁。

    负责 G2 图表的动画生成,以及提供自定义动画的机制。

    详细文档见 Animate API

    Global

    包含 G2 内部所有常量的定义以及皮肤。比如你可以:

    • 通过 G2.Global.setTheme('dark') 来切换或者设置皮肤,详细信息见 图表样式设置教程
    • 通过 G2.Global.renderer = 'svg' 指定默认用 svg 渲染。

      Util

    G2 默认提供的常见的工具类,大部分基于 lodash 封装。

    如下:

    MatrixUtil

    用于操作矩阵、向量的工具类。该工具类提供了操作三阶矩阵、二维向量和三维向量的方法,这些方法直接使用了 glMatrix 库,并且在其基础上添加了一些额外的遍历方法,具体如下代码:

    • G2.MatrixUtil.mat3: 三阶矩阵,详见 ;
    • G2.MatrixUtil.vec2: 二维向量,详见 http://glmatrix.net/docs/module-vec2.html
    • G2.MatrixUtil.vec3: 三维向量,详见 ;
    • G2.MatrixUtil.transform(m, ts): 对三阶矩阵参数 m 按照 ts 进行变换,变换包含 t: translate,s: scale,r: rotate,m: multiply,具体使用如下:

    PathUtil

    用于操作图形路径的工具类。具体提供的方法如下:

    方法 参数说明 返回结果
    parsePathString(pathString) pathString:String,字符串格式的路径,如 'M 10,39 L 20,50' 将字符串格式的路径转换为数组格式,[ [ 'M', 10, 39 ], [ 'L', 20, 50 ] ]
    parsePathArray(pathArray) pathArray:Array,数组格式的路径,如 [ [ 'M', 10, 39 ], [ 'L', 20, 50 ] ] 将数组格式的路径转化为字符串,'M 10,39 L 20,50'
    pathTocurve(path) path:Array,数组格式的路径 路径转曲
    pathToAbsolute(path) path:Array,数组格式的路径 将所有的路径命令转换为绝对定位
    catmullRomToBezier(pointsArray) pointsArray:Array,点的数组,如 [ 10, 12, 22, 1, … ] 将传入的点(至少四组点)转曲
    intersection(path1, path2) path1:Array,数组格式的路径;:Array,数组格式的路径 两条路径差值计算

    G2 图表的底层渲染引擎。

    该方法用于 G2 情况的打点监控,默认处于开启状态,如果您不想让我们知道您的版本使用情况,请使用调用 G2.track(false) 关闭。

    原文: