Method render

src/chart/graph/GraphView.ts:99–240

(seriesModel: GraphSeriesModel, ecModel: GlobalModel, api: ExtensionAPI)

    }

    render(seriesModel: GraphSeriesModel, ecModel: GlobalModel, api: ExtensionAPI) {
        const ownCoordSys = getOwnRoamViewCoordSys(seriesModel);
        let isForceLayout = false;

        this._model = seriesModel;
        this._api = api;
        this._active = true;
        const mainGroup = this._mainGroup;

        const thumbnailInfo = this._getThumbnailInfo();
        if (thumbnailInfo) {
            thumbnailInfo.bridge.reset(api);
        }

        const symbolDraw = this._symbolDraw;
        const lineDraw = this._lineDraw;
        if (ownCoordSys) {
            applyViewCoordSysTransToElement(
                mainGroup,
                VIEW_COORD_SYS_TRANS_OVERALL,
                ownCoordSys,
                this._firstRender ? null : seriesModel,
            );
        }
        // Fix edge contact point with node
        adjustEdge(seriesModel.getGraph(), getNodeGlobalScale(seriesModel));

        const data = seriesModel.getData();
        symbolDraw.updateData(data as ListForSymbolDraw);

        const edgeData = seriesModel.getEdgeData();
        // TODO: TYPE
        lineDraw.updateData(edgeData as SeriesData);

        this._updateNodeAndLinkScale();

        if (ownCoordSys) {
            updateRoamControllerSimply(
                seriesModel,
                api,
                this._controller,
                function (e, x, y) {
                    return seriesModel.coordinateSystem.containPoint([x, y]);
                },
                null,
            );
        }

        clearTimeout(this._layoutTimeout);
        const forceLayout = seriesModel.forceLayout;
        const layoutAnimation = seriesModel.get(['force', 'layoutAnimation']);
        if (forceLayout) {
            isForceLayout = true;
            this._startForceLayoutIteration(forceLayout, api, layoutAnimation);
        }

        const layout = seriesModel.get('layout');