Shape

概述

G2.Shape 是G的图形工厂,2.0 后可以通过向Shape注册图形,实现自定义Shape的功能。

方法

registShape

registShape(geomName, shapeName, cfg)

var Shape = G2.Shape;
var shapeObj = Shape.registShape(/* geomName */, /* shapeName */, { // 向Shape工厂注册某个geom的一个shape
  getShapePoints: function( /* cfg */ ) { // 自定义具体标记点
  },
  drawShape: function( /* cfg, container*/ ) { // 自定义最终绘制
  }
});

getShapePoints

shapeObj.getShapePoints(cfg)

参数
  • cfg
    • x x数据
    • y y数据
    • y0 x轴的y坐标
    • size 大小数据
返回

0-1的points数据

drawShape

shapeObj.drawShape(cfg, container)

参数
  • cfg 包含points数据和映射后的属性
  • container 图形容器
返回

主体shape

parsePoint

shapeObj.parsePoint(point)

参数

point 0-1空间坐标

返回

point 画布空间坐标

parsePoints

shapeObj.parsePoints(points)

参数

points 0-1空间坐标

返回

points 画布空间坐标

parsePath

shapeObj.parsePath(path)

参数

0-1空间 path

返回

画布空间 path (会根据坐标系自动翻译)