src/chart/graph/createView.ts - master - githubmirror/echarts

src/chart/graph/createView.ts

98 строк4 KB

100pah

fix: (1) Fix geo roam (pan and zoom) causes visual artifacts -- geo coord sys and its content (e.g., scatter) should visually align during roaming animation and manual roam. (2) Refactor to uniform roaming impl (via RoamController and ViewCoordSys) and clarify `updateTransform` and related code. (3) Enable scatter and effectScatter clip in geo. (4) Fix aria: palette is modified to ec instance local rather than global, which is more reasonable. (5) Fix map series roaming bug: roam and then click legend hide the first series and then roam and then click legend to restore the first series, the map should not jump.

29 апр 2026, 11:03

29 апр 2026, 11:034175922

/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*   http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied.  See the License for the
* specific language governing permissions and limitations
* under the License.
*/

// FIXME Where to create the simple view coordinate system
import View from '../../coord/View';
import {createBoxLayoutReference, getLayoutRect, applyPreserveAspect} from '../../util/layout';
import * as bbox from 'zrender/src/core/bbox';
import GraphSeriesModel, { GraphNodeItemOption } from './GraphSeries';
import ExtensionAPI from '../../core/ExtensionAPI';
import GlobalModel from '../../model/Global';
import { extend } from 'zrender/src/core/util';
import { injectCoordSysByOption } from '../../core/CoordinateSystem';
import { createViewCoordSysSimply } from '../../component/helper/roamHelper';

function getViewRect(seriesModel: GraphSeriesModel, api: ExtensionAPI, aspect: number) {
    const layoutRef = createBoxLayoutReference(seriesModel, api);
    const option = extend(seriesModel.getBoxLayoutParams(), {
        aspect: aspect
    });
    const viewRect = getLayoutRect(option, layoutRef.refContainer);
    return applyPreserveAspect(seriesModel, viewRect, aspect);
}

export default function createViewCoordSys(ecModel: GlobalModel, api: ExtensionAPI) {
    const viewList: View[] = [];
    ecModel.eachSeriesByType('graph', function (seriesModel: GraphSeriesModel) {

        injectCoordSysByOption({
            targetModel: seriesModel,
            coordSysType: 'view',
            coordSysProvider: createViewCoordSys,
            isDefaultDataCoordSys: true,
        });

        function createViewCoordSys() {
            const data = seriesModel.getData();
            const positions = data.mapArray(function (idx) {
                const itemModel = data.getItemModel<GraphNodeItemOption>(idx);
                return [+itemModel.get('x'), +itemModel.get('y')];
            });

            let min: number[] = [];
            let max: number[] = [];

            bbox.fromPoints(positions, min, max);

            // If width or height is 0
            if (max[0] - min[0] === 0) {
                max[0] += 1;
                min[0] -= 1;
            }
            if (max[1] - min[1] === 0) {
                max[1] += 1;
                min[1] -= 1;
            }
            const aspect = (max[0] - min[0]) / (max[1] - min[1]);
            // FIXME If get view rect after data processed?
            const viewRect = getViewRect(seriesModel, api, aspect);
            // Position may be NaN (e.g., in force layout), use view rect instead
            if (isNaN(aspect)) {
                min = [viewRect.x, viewRect.y];
                max = [viewRect.x + viewRect.width, viewRect.y + viewRect.height];
            }

            const bbWidth = max[0] - min[0];
            const bbHeight = max[1] - min[1];

            const viewCoordSys = createViewCoordSysSimply(
                seriesModel,
                api,
                min[0], min[1], bbWidth, bbHeight,
                viewRect
            );

            viewList.push(viewCoordSys);

            return viewCoordSys;
        }
    });

    return viewList;
}