Function createEl

src/chart/custom/CustomView.ts:333–417

(elOption: CustomElementOption)

function createEl(elOption: CustomElementOption): Element {
    const graphicType = elOption.type;
    let el;

    // Those graphic elements are not shapes. They should not be
    // overwritten by users, so do them first.
    if (graphicType === 'path') {
        const shape = (elOption as CustomSVGPathOption).shape;
        // Using pathRect brings convenience to users sacle svg path.
        const pathRect = (shape.width != null && shape.height != null)
            ? {
                x: shape.x || 0,
                y: shape.y || 0,
                width: shape.width,
                height: shape.height
            } as RectLike
            : null;
        const pathData = getPathData(shape);
        // Path is also used for icon, so layout 'center' by default.
        el = graphicUtil.makePath(pathData, null, pathRect, shape.layout || 'center');
        customInnerStore(el).customPathData = pathData;
    }
    else if (graphicType === 'image') {
        el = new graphicUtil.Image({});
        customInnerStore(el).customImagePath = (elOption as CustomImageOption).style.image;
    }
    else if (graphicType === 'text') {
        el = new graphicUtil.Text({});
        // customInnerStore(el).customText = (elOption.style as TextStyleProps).text;
    }
    else if (graphicType === 'group') {
        el = new graphicUtil.Group();
    }
    else if (graphicType === 'compoundPath') {
        const shape = (elOption as CustomCompoundPathOption).shape;
        if (!shape || !shape.paths) {
            let errMsg = '';
            if (__DEV__) {
                errMsg = 'shape.paths must be specified in compoundPath';
            }
            throwError(errMsg);
        }
        const paths = map(shape.paths as Path[], function (path) {
            if (path.type === 'path') {
                return graphicUtil.makePath(path.shape.pathData, path, null);
            }
            const Clz = graphicUtil.getShapeClass(path.type);
            if (!Clz) {
                let errMsg = '';
                if (__DEV__) {
                    errMsg = 'graphic type "' + graphicType + '" can not be found.';
                }
                throwError(errMsg);
            }
            return new Clz();
        });
        el = new graphicUtil.CompoundPath({
            shape: {