@visactor/vchart 2.0.13-alpha.3 → 2.0.13-alpha.5

package/build/index.js

@@ -53874,7 +53874,7 @@
             if (ComposedEventCtor) {
                 const composedEvent = new ComposedEventCtor(this._eventDispatcher, this._mode);
                 composedEvent.register(eType, handler);
-                this._composedEventMap.set(callback, {
+                this._composedEventMap.set(handler.callback, {
                     eventType: eType,
                     event: composedEvent
                 });
@@ -60286,6 +60286,609 @@
         }
     }
 
+    function getComponentThemeFromOption(type, getTheme) {
+        return getTheme('component', type);
+    }
+    function getFormatFunction(formatMethod, formatter, text, datum) {
+        if (formatMethod) {
+            return { formatFunc: formatMethod, args: [text, datum] };
+        }
+        const formatterImpl = Factory.getFormatter();
+        if (formatter && formatterImpl) {
+            return { formatFunc: formatterImpl, args: [text, datum, formatter] };
+        }
+        return {};
+    }
+    const getSpecInfo = (chartSpec, specKey, compType, filter) => {
+        if (isNil$1(chartSpec[specKey])) {
+            return undefined;
+        }
+        const isArraySpec = isArray$1(chartSpec[specKey]);
+        const spec = isArraySpec ? chartSpec[specKey] : [chartSpec[specKey]];
+        const specInfos = [];
+        spec.forEach((s, i) => {
+            if (s && (!filter || filter(s))) {
+                specInfos.push({
+                    spec: s,
+                    specPath: isArraySpec ? [specKey, i] : [specKey],
+                    specInfoPath: ['component', specKey, i],
+                    type: compType
+                });
+            }
+        });
+        return specInfos;
+    };
+
+    function isXAxis(orient) {
+        return orient === 'bottom' || orient === 'top';
+    }
+    function isYAxis(orient) {
+        return orient === 'left' || orient === 'right';
+    }
+    function isZAxis(orient) {
+        return orient === 'z';
+    }
+    function autoAxisType(orient, isHorizontal) {
+        if (isHorizontal) {
+            return isXAxis(orient) ? 'linear' : 'band';
+        }
+        return isXAxis(orient) ? 'band' : 'linear';
+    }
+    function getOrient(spec, whiteList) {
+        return isValidOrient(spec.orient) || (whiteList && whiteList.includes(spec.orient)) ? spec.orient : 'left';
+    }
+    function getDirectionByOrient(orient) {
+        return orient === 'top' || orient === 'bottom' ? "horizontal" : "vertical";
+    }
+    function transformInverse(spec, isHorizontal) {
+        let inverse = spec.inverse;
+        if (isHorizontal && !isXAxis(spec.orient)) {
+            inverse = isValid$1(spec.inverse) ? !spec.inverse : true;
+        }
+        return inverse;
+    }
+    function getCartesianAxisInfo(spec, isHorizontal) {
+        var _a;
+        const axisType = (_a = spec.type) !== null && _a !== void 0 ? _a : autoAxisType(spec.orient, isHorizontal);
+        const componentName = `${ComponentTypeEnum.cartesianAxis}-${axisType}`;
+        return { axisType, componentName };
+    }
+    const getCartesianAxisTheme = (orient, type, getTheme) => {
+        var _a;
+        const axisTypeTheme = (_a = (type === 'band'
+            ? getComponentThemeFromOption('axisBand', getTheme)
+            : ['linear', 'log', 'symlog'].includes(type)
+                ? getComponentThemeFromOption('axisLinear', getTheme)
+                : {})) !== null && _a !== void 0 ? _a : {};
+        const axisTheme = isXAxis(orient)
+            ? getComponentThemeFromOption('axisX', getTheme)
+            : isYAxis(orient)
+                ? getComponentThemeFromOption('axisY', getTheme)
+                : getComponentThemeFromOption('axisZ', getTheme);
+        return mergeSpec({}, getComponentThemeFromOption('axis', getTheme), axisTypeTheme, axisTheme);
+    };
+
+    class DimensionEvent {
+        constructor(eventDispatcher, mode) {
+            this._eventDispatcher = eventDispatcher;
+            this._mode = mode;
+        }
+        get chart() {
+            var _a, _b;
+            if (!this._chart) {
+                this._chart = (_b = (_a = this._eventDispatcher.globalInstance).getChart) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+            return this._chart;
+        }
+        register(eType, handler) {
+            var _a, _b;
+            ((_b = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error)('Method not implemented.');
+        }
+        unregister() {
+            var _a, _b;
+            ((_b = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error)('Method not implemented.');
+        }
+        getTargetDimensionInfo(x, y) {
+            var _a, _b, _c;
+            const dimensionInfo = (_c = (_b = (_a = this.chart.getModelOption()).getDimensionInfo) === null || _b === void 0 ? void 0 : _b.call(_a, this.chart, { x, y })) !== null && _c !== void 0 ? _c : [];
+            if (dimensionInfo.length === 0) {
+                return null;
+            }
+            return dimensionInfo;
+        }
+        dispatch(v, opt) {
+            var _a, _b;
+            const axes = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getAllComponents().filter(c => {
+                if (c.specKey !== 'axes') {
+                    return false;
+                }
+                if (opt === null || opt === void 0 ? void 0 : opt.filter) {
+                    return opt.filter(c);
+                }
+                return true;
+            });
+            const discreteAxes = axes.filter(axis => {
+                const scale = axis.getScale();
+                return isDiscrete(scale.type);
+            });
+            const dimAxes = discreteAxes.length
+                ? discreteAxes
+                : axes.filter(axis => {
+                    const orient = axis.getOrient();
+                    return isXAxis(orient) || orient === 'angle';
+                });
+            const dimensionInfo = [];
+            const getDimensionInfoByValue = (_b = this.chart) === null || _b === void 0 ? void 0 : _b.getModelOption().getDimensionInfoByValue;
+            if (getDimensionInfoByValue) {
+                dimAxes.forEach(a => {
+                    const info = getDimensionInfoByValue(a, v);
+                    if (info) {
+                        dimensionInfo.push(info);
+                    }
+                });
+            }
+            this._callback.call(null, {
+                action: 'enter',
+                dimensionInfo
+            });
+            return dimensionInfo;
+        }
+    }
+
+    class DimensionClickEvent extends DimensionEvent {
+        constructor() {
+            super(...arguments);
+            this.onClick = (params) => {
+                if (!params) {
+                    return;
+                }
+                const x = params.event.viewX;
+                const y = params.event.viewY;
+                const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
+                if (!targetDimensionInfo) {
+                    return;
+                }
+                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'click', dimensionInfo: targetDimensionInfo.slice() }));
+            };
+        }
+        register(eType, handler) {
+            this._callback = handler.callback;
+            this._eventDispatcher.register('pointertap', {
+                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
+                callback: this.onClick
+            });
+        }
+        unregister() {
+            this._eventDispatcher.unregister('pointertap', {
+                query: null,
+                callback: this.onClick
+            });
+        }
+    }
+
+    const isInBound = (pos, min, max) => pos.x >= min.x && pos.x <= max.x && pos.y >= min.y && pos.y <= max.y;
+    const isInRegionBound = (chart, axis, pos) => {
+        const regionList = chart.getRegionsInIds(array(axis.layout.layoutBindRegionID));
+        return regionList === null || regionList === void 0 ? void 0 : regionList.some(region => {
+            const rect = region.getLayoutRect();
+            const startPoint = region.getLayoutStartPoint();
+            return isInBound(pos, { x: startPoint.x, y: startPoint.y }, { x: rect.width + startPoint.x, y: rect.height + startPoint.y });
+        });
+    };
+    const isSameDimensionInfo = (a, b) => {
+        var _a, _b;
+        if (a === b) {
+            return true;
+        }
+        if (isNil$1(a) || isNil$1(b)) {
+            return false;
+        }
+        if (a.value !== b.value) {
+            return false;
+        }
+        if (((_a = a.axis) === null || _a === void 0 ? void 0 : _a.id) !== ((_b = b.axis) === null || _b === void 0 ? void 0 : _b.id)) {
+            return false;
+        }
+        return true;
+    };
+    const resolveTooltipFilterRange = (spec, scale) => {
+        const range = spec.tooltipFilterRange;
+        const rangeValue = typeof range === 'function' ? range({ scale }) : range;
+        const rangeArr = (isValidNumber$1(rangeValue) ? [-rangeValue, rangeValue] : rangeValue);
+        return rangeArr;
+    };
+    const getDimensionData = (value, axis, coordinate, getDimensionField) => {
+        var _a;
+        const scale = axis.getScale();
+        const isDiscreteAxis = isDiscrete(scale.type);
+        const data = [];
+        const seriesList = axis.getOption().getChart().getSeriesInIndex(axis.getSpecInfo().seriesIndexes);
+        for (const series of seriesList) {
+            if (series.coordinate === coordinate) {
+                const dimensionField = array(getDimensionField(series));
+                const viewData = (_a = series.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData;
+                if (dimensionField && viewData) {
+                    if (isDiscreteAxis) {
+                        const datums = [];
+                        const datumIdList = [];
+                        viewData.forEach((datum, i) => {
+                            var _a;
+                            if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString())) {
+                                datums.push(datum);
+                                datumIdList.push(i);
+                            }
+                        });
+                        data.push({
+                            series,
+                            datum: datums,
+                            key: getDimensionDataKey(series, datumIdList)
+                        });
+                    }
+                    else {
+                        if (isValid$1(dimensionField[1])) {
+                            const datums = [];
+                            const datumIdList = [];
+                            viewData.forEach((datum, i) => {
+                                var _a;
+                                if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString()) ||
+                                    (isValid$1(datum[dimensionField[0]]) &&
+                                        isValid$1(datum[dimensionField[1]]) &&
+                                        value >= datum[dimensionField[0]] &&
+                                        value < datum[dimensionField[1]])) {
+                                    datums.push(datum);
+                                    datumIdList.push(i);
+                                }
+                            });
+                            data.push({
+                                series,
+                                datum: datums,
+                                key: getDimensionDataKey(series, datumIdList)
+                            });
+                        }
+                        else {
+                            const spec = axis.getSpec();
+                            const rangeArr = resolveTooltipFilterRange(spec, scale);
+                            let datums = [];
+                            let datumIdList = [];
+                            if (rangeArr) {
+                                viewData.forEach((datum, i) => {
+                                    if (isValid$1(datum[dimensionField[0]])) {
+                                        const delta = datum[dimensionField[0]] - value;
+                                        if (delta >= rangeArr[0] && delta <= rangeArr[1]) {
+                                            datums.push(datum);
+                                            datumIdList.push(i);
+                                        }
+                                    }
+                                });
+                            }
+                            else {
+                                let minDelta = Infinity;
+                                let deltaSign = 0;
+                                viewData.forEach((datum, i) => {
+                                    if (isValid$1(datum[dimensionField[0]])) {
+                                        const delta = Math.abs(datum[dimensionField[0]] - value);
+                                        const sign = Math.sign(datum[dimensionField[0]] - value);
+                                        if (delta < minDelta) {
+                                            minDelta = delta;
+                                            datums = [datum];
+                                            datumIdList = [i];
+                                            deltaSign = sign;
+                                        }
+                                        else if (delta === minDelta && sign === deltaSign) {
+                                            datums.push(datum);
+                                            datumIdList.push(i);
+                                        }
+                                    }
+                                });
+                            }
+                            data.push({
+                                series,
+                                datum: datums,
+                                key: getDimensionDataKey(series, datumIdList)
+                            });
+                        }
+                    }
+                }
+            }
+        }
+        return data;
+    };
+    const getDimensionDataKey = (series, datumIdList) => `${series.id}_${datumIdList.join('_')}`;
+    const getAxis = (chart, filter, pos) => {
+        const axesComponents = chart
+            .getAllComponents()
+            .filter(c => c.specKey === 'axes' && filter(c) && isInRegionBound(chart, c, pos));
+        if (!axesComponents.length) {
+            return null;
+        }
+        return axesComponents;
+    };
+
+    class DimensionHoverEvent extends DimensionEvent {
+        constructor() {
+            super(...arguments);
+            this._cacheDimensionInfo = null;
+            this.onMouseMove = (params) => {
+                if (!params || DimensionHoverEvent._disableDimensionEvent) {
+                    return;
+                }
+                const x = params.event.viewX;
+                const y = params.event.viewY;
+                const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
+                if (targetDimensionInfo === null && this._cacheDimensionInfo !== null) {
+                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: this._cacheDimensionInfo.slice() }));
+                    this._cacheDimensionInfo = targetDimensionInfo;
+                }
+                else if (targetDimensionInfo !== null &&
+                    (this._cacheDimensionInfo === null ||
+                        targetDimensionInfo.length !== this._cacheDimensionInfo.length ||
+                        targetDimensionInfo.some((info, i) => !isSameDimensionInfo(info, this._cacheDimensionInfo[i])))) {
+                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'enter', dimensionInfo: targetDimensionInfo.slice() }));
+                    this._cacheDimensionInfo = targetDimensionInfo;
+                }
+                else if (targetDimensionInfo !== null) {
+                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'move', dimensionInfo: targetDimensionInfo.slice() }));
+                }
+            };
+            this.onMouseOut = (params) => {
+                if (!params || DimensionHoverEvent._disableDimensionEvent) {
+                    return;
+                }
+                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: this._cacheDimensionInfo ? this._cacheDimensionInfo.slice() : [] }));
+                this._cacheDimensionInfo = null;
+            };
+        }
+        static disableDimensionEvent(value) {
+            this._disableDimensionEvent = value;
+        }
+        register(eType, handler) {
+            this._callback = handler.callback;
+            this._eventDispatcher.register('pointermove', {
+                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
+                callback: this.onMouseMove
+            });
+            this._eventDispatcher.register('pointerout', {
+                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.canvas }),
+                callback: this.onMouseOut
+            });
+            if (isMobileLikeMode(this._mode)) {
+                this._eventDispatcher.register('pointerdown', {
+                    query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
+                    callback: this.onMouseMove
+                });
+            }
+        }
+        unregister() {
+            this._eventDispatcher.unregister('pointermove', {
+                query: null,
+                callback: this.onMouseMove
+            });
+            if (isMobileLikeMode(this._mode)) {
+                this._eventDispatcher.unregister('pointerdown', {
+                    query: null,
+                    callback: this.onMouseMove
+                });
+            }
+        }
+    }
+    DimensionHoverEvent._disableDimensionEvent = false;
+
+    exports.DimensionEventEnum = void 0;
+    (function (DimensionEventEnum) {
+        DimensionEventEnum["dimensionHover"] = "dimensionHover";
+        DimensionEventEnum["dimensionClick"] = "dimensionClick";
+    })(exports.DimensionEventEnum || (exports.DimensionEventEnum = {}));
+
+    const registerDimensionEvents = () => {
+        Factory.registerComposedEvent(exports.DimensionEventEnum.dimensionHover, DimensionHoverEvent);
+        Factory.registerComposedEvent(exports.DimensionEventEnum.dimensionClick, DimensionClickEvent);
+    };
+
+    const discreteXAxisGetDimensionField = (series) => series.fieldX[0];
+    const discreteYAxisGetDimensionField = (series) => series.fieldY[0];
+    const continuousXAxisGetDimensionField = (series) => {
+        var _a;
+        return [
+            series.fieldX[0],
+            (_a = series.fieldX2) !== null && _a !== void 0 ? _a : series.fieldX[1]
+        ];
+    };
+    const continuousYAxisGetDimensionField = (series) => {
+        var _a;
+        return [
+            series.fieldY[0],
+            (_a = series.fieldY2) !== null && _a !== void 0 ? _a : series.fieldY[1]
+        ];
+    };
+    const getDimensionFieldFunc = (isXAxis, isDiscreteAxis) => isXAxis
+        ? isDiscreteAxis
+            ? discreteXAxisGetDimensionField
+            : continuousXAxisGetDimensionField
+        : isDiscreteAxis
+            ? discreteYAxisGetDimensionField
+            : continuousYAxisGetDimensionField;
+    const getCartesianDimensionInfo = (chart, pos, isTooltip) => {
+        var _a, _b;
+        if (!chart) {
+            return null;
+        }
+        const { x, y } = pos;
+        const xAxisList = (_a = getAxis(chart, (cmp) => isXAxis(cmp.getOrient()), pos)) !== null && _a !== void 0 ? _a : [];
+        const yAxisList = (_b = getAxis(chart, (cmp) => isYAxis(cmp.getOrient()), pos)) !== null && _b !== void 0 ? _b : [];
+        if (!xAxisList.length && !yAxisList.length) {
+            return null;
+        }
+        const bandAxisSet = new Set();
+        const linearAxisSet = new Set();
+        const forceAxisSet = new Set();
+        [xAxisList, yAxisList].forEach(axisList => axisList.forEach(axis => {
+            const isDiscreteAxis = isDiscrete(axis.getScale().type);
+            if (isDiscreteAxis) {
+                bandAxisSet.add(axis);
+            }
+            else {
+                linearAxisSet.add(axis);
+            }
+            if (isTooltip && axis.getSpec().hasDimensionTooltip) {
+                forceAxisSet.add(axis);
+            }
+        }));
+        const targetAxisInfo = [];
+        const addAxisDimensionInfo = (orient) => {
+            const isXAxis = orient === 'x';
+            const posValue = isXAxis ? x : y;
+            const axisList = isXAxis ? xAxisList : yAxisList;
+            axisList.forEach(axis => {
+                if (forceAxisSet.size > 0) {
+                    if (forceAxisSet.has(axis)) {
+                        const info = getDimensionInfoByPosition(axis, posValue, getDimensionFieldFunc(isXAxis, isDiscrete(axis.getScale().type)));
+                        info && targetAxisInfo.push(info);
+                    }
+                }
+                else {
+                    const hasDiscreteAxis = bandAxisSet.size > 0;
+                    if ((hasDiscreteAxis ? bandAxisSet : linearAxisSet).has(axis)) {
+                        const info = getDimensionInfoByPosition(axis, posValue, getDimensionFieldFunc(isXAxis, hasDiscreteAxis));
+                        info && targetAxisInfo.push(info);
+                    }
+                }
+            });
+        };
+        if (chart.getSpec().direction === "horizontal") {
+            addAxisDimensionInfo('y');
+            if (targetAxisInfo.length === 0) {
+                addAxisDimensionInfo('x');
+            }
+        }
+        else {
+            addAxisDimensionInfo('x');
+            if (targetAxisInfo.length === 0) {
+                addAxisDimensionInfo('y');
+            }
+        }
+        if (!targetAxisInfo.length) {
+            return null;
+        }
+        return targetAxisInfo;
+    };
+    const getDimensionInfoByPosition = (axis, posValue, getDimensionField) => {
+        const value = axis.positionToData(posValue, true);
+        return isNil$1(value) ? null : getDimensionInfoByValue(axis, value, getDimensionField);
+    };
+    const getDimensionInfoByValue = (axis, value, getDimensionField) => {
+        const scale = axis.getScale();
+        if (isNil$1(value)) {
+            return null;
+        }
+        const domain = scale.domain();
+        let index = domain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
+        if (index < 0) {
+            index = undefined;
+        }
+        const data = getDimensionData(value, axis, 'cartesian', getDimensionField !== null && getDimensionField !== void 0 ? getDimensionField : (isXAxis(axis.getOrient()) ? discreteXAxisGetDimensionField : discreteYAxisGetDimensionField));
+        return { index, value, position: scale.scale(value), axis, data };
+    };
+
+    const angleStandardize = (angle, range) => {
+        const unit = Math.PI * 2;
+        const min = minInArray(range);
+        const max = maxInArray(range);
+        if (angle < min) {
+            angle += Math.ceil((min - angle) / unit) * unit;
+        }
+        else if (angle > max) {
+            angle -= Math.ceil((angle - max) / unit) * unit;
+        }
+        return angle;
+    };
+    const getPolarDimensionInfo = (chart, pos) => {
+        if (!chart) {
+            return null;
+        }
+        const angleAxisList = getAxis(chart, (cmp) => cmp.getOrient() === 'angle', pos);
+        const radiusAxisList = getAxis(chart, (cmp) => cmp.getOrient() === 'radius', pos);
+        if ((!angleAxisList || !angleAxisList.length) && (!radiusAxisList || !radiusAxisList.length)) {
+            return null;
+        }
+        const targetAxisInfo = [];
+        const getDimensionField = (series) => series.getDimensionField()[0];
+        const { x, y } = pos;
+        if (angleAxisList) {
+            angleAxisList.forEach(axis => {
+                var _a;
+                const angleScale = axis.getScale();
+                if (angleScale && isDiscrete(angleScale.type)) {
+                    const angleDomain = angleScale.domain();
+                    const angleRange = angleScale.range();
+                    const center = axis.getCenter();
+                    const vector = {
+                        x: x - axis.getLayoutStartPoint().x - center.x,
+                        y: y - axis.getLayoutStartPoint().y - center.y
+                    };
+                    let angle = vectorAngle({ x: 1, y: 0 }, vector);
+                    angle = angleStandardize(angle, angleRange);
+                    const radius = distance(vector);
+                    const radiusScale = (_a = radiusAxisList[0]) === null || _a === void 0 ? void 0 : _a.getScale();
+                    const radiusRange = radiusScale === null || radiusScale === void 0 ? void 0 : radiusScale.range();
+                    if ((angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[0])) * (angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[1])) > 0 ||
+                        (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[0])) * (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[1])) > 0) {
+                        return;
+                    }
+                    const value = axis.invert(angle);
+                    if (isNil$1(value)) {
+                        return;
+                    }
+                    let index = angleDomain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
+                    if (index < 0) {
+                        index = undefined;
+                    }
+                    const data = getDimensionData(value, axis, 'polar', getDimensionField);
+                    targetAxisInfo.push({ index, value, position: angleScale.scale(value), axis, data });
+                }
+            });
+        }
+        if (radiusAxisList) {
+            radiusAxisList.forEach(axis => {
+                var _a;
+                const radiusScale = axis.getScale();
+                const radiusRange = radiusScale === null || radiusScale === void 0 ? void 0 : radiusScale.range();
+                if (radiusScale && isDiscrete(radiusScale.type)) {
+                    const center = axis.getCenter();
+                    const vector = {
+                        x: x - axis.getLayoutStartPoint().x - center.x,
+                        y: y - axis.getLayoutStartPoint().y - center.y
+                    };
+                    let angle = vectorAngle({ x: 1, y: 0 }, vector);
+                    if (angle < -Math.PI / 2) {
+                        angle = Math.PI * 2 + angle;
+                    }
+                    const radius = distance(vector);
+                    const angleScale = (_a = angleAxisList[0]) === null || _a === void 0 ? void 0 : _a.getScale();
+                    const angleRange = angleScale === null || angleScale === void 0 ? void 0 : angleScale.range();
+                    if ((angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[0])) * (angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[1])) > 0 ||
+                        (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[0])) * (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[1])) > 0) {
+                        return;
+                    }
+                    const value = radiusScale.invert(radius);
+                    if (isNil$1(value)) {
+                        return;
+                    }
+                    const domain = radiusScale.domain();
+                    let index = domain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
+                    if (index < 0) {
+                        index = undefined;
+                    }
+                    const data = getDimensionData(value, axis, 'polar', getDimensionField);
+                    targetAxisInfo.push({ index, value, position: radiusScale.scale(value), axis, data });
+                }
+            });
+        }
+        if (!targetAxisInfo.length) {
+            return null;
+        }
+        return targetAxisInfo;
+    };
+
     class VChart {
         static useRegisters(comps) {
             comps.forEach((fn) => {
@@ -60534,7 +61137,7 @@
             this._compiler.updateLayoutTag();
             this._setFontFamilyTheme(this.getTheme('fontFamily'));
             this._initDataSet(this._option.dataSet);
-            this._autoSize = isTrueBrowseEnv ? (_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true : false;
+            this._autoSize = isTrueBrowseEnv ? ((_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true) : false;
             this._bindResizeEvent();
             this._bindViewEvent();
             this._initChartPlugin();
@@ -61187,7 +61790,7 @@
                 resize = true;
             }
             const lasAutoSize = this._autoSize;
-            this._autoSize = isTrueBrowser(this._option.mode) ? (_b = (_a = this._spec.autoFit) !== null && _a !== void 0 ? _a : this._option.autoFit) !== null && _b !== void 0 ? _b : true : false;
+            this._autoSize = isTrueBrowser(this._option.mode) ? ((_b = (_a = this._spec.autoFit) !== null && _a !== void 0 ? _a : this._option.autoFit) !== null && _b !== void 0 ? _b : true) : false;
             if (this._autoSize !== lasAutoSize) {
                 resize = true;
             }
@@ -61428,6 +62031,19 @@
             var _a;
             return (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setDimensionIndex(value, opt);
         }
+        disableDimensionHoverEvent(value = true) {
+            DimensionHoverEvent.disableDimensionEvent(value);
+        }
+        disableCrossHair(value = true) {
+            this.getChart()
+                .getComponentsByKey('crosshair')
+                .forEach(crosshair => (crosshair.enable = !value));
+        }
+        disableTooltip(value = true) {
+            this.getChart()
+                .getComponentsByKey('tooltip')
+                .forEach(tooltip => (tooltip.enable = !value));
+        }
         showCrosshair(cb) {
             var _a;
             (_a = this._chart) === null || _a === void 0 ? void 0 : _a.showCrosshair(cb);
@@ -61670,39 +62286,6 @@
         Direction["horizontal"] = "horizontal";
     })(exports.Direction || (exports.Direction = {}));
 
-    function getComponentThemeFromOption(type, getTheme) {
-        return getTheme('component', type);
-    }
-    function getFormatFunction(formatMethod, formatter, text, datum) {
-        if (formatMethod) {
-            return { formatFunc: formatMethod, args: [text, datum] };
-        }
-        const formatterImpl = Factory.getFormatter();
-        if (formatter && formatterImpl) {
-            return { formatFunc: formatterImpl, args: [text, datum, formatter] };
-        }
-        return {};
-    }
-    const getSpecInfo = (chartSpec, specKey, compType, filter) => {
-        if (isNil$1(chartSpec[specKey])) {
-            return undefined;
-        }
-        const isArraySpec = isArray$1(chartSpec[specKey]);
-        const spec = isArraySpec ? chartSpec[specKey] : [chartSpec[specKey]];
-        const specInfos = [];
-        spec.forEach((s, i) => {
-            if (s && (!filter || filter(s))) {
-                specInfos.push({
-                    spec: s,
-                    specPath: isArraySpec ? [specKey, i] : [specKey],
-                    specInfoPath: ['component', specKey, i],
-                    type: compType
-                });
-            }
-        });
-        return specInfos;
-    };
-
     const lookup = (data, opt) => {
         if (!opt.from || !opt.from()) {
             return data;
@@ -64049,471 +64632,115 @@
         }
         positionToData(p) {
             if (!p) {
-                return null;
-            }
-            return {
-                x: this.positionToDataX(p.x),
-                y: this.positionToDataY(p.y)
-            };
-        }
-        positionToDataX(xPos) {
-            if (!this._scaleX) {
-                return null;
-            }
-            return this._scaleX.invert(xPos);
-        }
-        positionToDataY(yPos) {
-            if (!this._scaleY) {
-                return null;
-            }
-            return this._scaleY.invert(yPos);
-        }
-        getRegionRectLeft() {
-            if (!this._xAxisHelper) {
-                return Number.NaN;
-            }
-            const { getScale } = this._xAxisHelper;
-            return getScale(0).range()[0];
-        }
-        getRegionRectRight() {
-            if (!this._xAxisHelper) {
-                return Number.NaN;
-            }
-            const { getScale } = this._xAxisHelper;
-            return getScale(0).range()[1];
-        }
-        afterInitMark() {
-            super.afterInitMark();
-            this.setFieldX(this._fieldX);
-            this.setFieldY(this._fieldY);
-            this._buildScaleConfig();
-        }
-        getDimensionField() {
-            if (this._direction === "horizontal") {
-                return this._specYField;
-            }
-            return this._specXField;
-        }
-        getDimensionContinuousField() {
-            if (this._direction === "horizontal") {
-                return [this.fieldY[0], this.fieldY2];
-            }
-            return [this.fieldX[0], this.fieldX2];
-        }
-        getMeasureField() {
-            if (this._direction === "horizontal") {
-                return this._specXField;
-            }
-            return this._specYField;
-        }
-        initEvent() {
-            super.initEvent();
-            if (this.sortDataByAxis) {
-                this.event.on(exports.ChartEvent.scaleDomainUpdate, {
-                    filter: param => {
-                        var _a;
-                        return param.model.id ===
-                            ((_a = (this._direction === "horizontal" ? this._yAxisHelper : this._xAxisHelper)) === null || _a === void 0 ? void 0 : _a.getAxisId());
-                    }
-                }, () => {
-                    this._sortDataInAxisDomain();
-                });
-            }
-        }
-        _sortDataInAxisDomain() {
-            var _a, _b, _c;
-            if ((_b = (_a = this.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b.length) {
-                sortDataInAxisHelper(this._direction === "horizontal" ? this._yAxisHelper : this._xAxisHelper, this._direction === "horizontal" ? this._fieldY[0] : this._fieldX[0], this.getViewData().latestData);
-                (_c = this._data) === null || _c === void 0 ? void 0 : _c.updateData(true);
-            }
-        }
-        getInvalidCheckFields() {
-            const fields = [];
-            if (this._xAxisHelper &&
-                this._xAxisHelper.isContinuous &&
-                this._xAxisHelper.getAxisType() !== ComponentTypeEnum.geoCoordinate) {
-                const xFields = this._xAxisHelper.getFields ? this._xAxisHelper.getFields() : this._specXField;
-                xFields.forEach(f => {
-                    fields.push(f);
-                });
-            }
-            if (this._yAxisHelper &&
-                this._yAxisHelper.isContinuous &&
-                this._yAxisHelper.getAxisType() !== ComponentTypeEnum.geoCoordinate) {
-                const yFields = this._yAxisHelper.getFields ? this._yAxisHelper.getFields() : this._specYField;
-                yFields.forEach(f => {
-                    fields.push(f);
-                });
-            }
-            return fields;
-        }
-        reInit(spec) {
-            if (this._positionXEncoder) {
-                this._positionXEncoder = null;
-            }
-            if (this._positionYEncoder) {
-                this._positionYEncoder = null;
-            }
-            super.reInit(spec);
-        }
-    }
-
-    function isXAxis(orient) {
-        return orient === 'bottom' || orient === 'top';
-    }
-    function isYAxis(orient) {
-        return orient === 'left' || orient === 'right';
-    }
-    function isZAxis(orient) {
-        return orient === 'z';
-    }
-    function autoAxisType(orient, isHorizontal) {
-        if (isHorizontal) {
-            return isXAxis(orient) ? 'linear' : 'band';
-        }
-        return isXAxis(orient) ? 'band' : 'linear';
-    }
-    function getOrient(spec, whiteList) {
-        return isValidOrient(spec.orient) || (whiteList && whiteList.includes(spec.orient)) ? spec.orient : 'left';
-    }
-    function getDirectionByOrient(orient) {
-        return orient === 'top' || orient === 'bottom' ? "horizontal" : "vertical";
-    }
-    function transformInverse(spec, isHorizontal) {
-        let inverse = spec.inverse;
-        if (isHorizontal && !isXAxis(spec.orient)) {
-            inverse = isValid$1(spec.inverse) ? !spec.inverse : true;
-        }
-        return inverse;
-    }
-    function getCartesianAxisInfo(spec, isHorizontal) {
-        var _a;
-        const axisType = (_a = spec.type) !== null && _a !== void 0 ? _a : autoAxisType(spec.orient, isHorizontal);
-        const componentName = `${ComponentTypeEnum.cartesianAxis}-${axisType}`;
-        return { axisType, componentName };
-    }
-    const getCartesianAxisTheme = (orient, type, getTheme) => {
-        var _a;
-        const axisTypeTheme = (_a = (type === 'band'
-            ? getComponentThemeFromOption('axisBand', getTheme)
-            : ['linear', 'log', 'symlog'].includes(type)
-                ? getComponentThemeFromOption('axisLinear', getTheme)
-                : {})) !== null && _a !== void 0 ? _a : {};
-        const axisTheme = isXAxis(orient)
-            ? getComponentThemeFromOption('axisX', getTheme)
-            : isYAxis(orient)
-                ? getComponentThemeFromOption('axisY', getTheme)
-                : getComponentThemeFromOption('axisZ', getTheme);
-        return mergeSpec({}, getComponentThemeFromOption('axis', getTheme), axisTypeTheme, axisTheme);
-    };
-
-    class DimensionEvent {
-        constructor(eventDispatcher, mode) {
-            this._eventDispatcher = eventDispatcher;
-            this._mode = mode;
-        }
-        get chart() {
-            var _a, _b;
-            if (!this._chart) {
-                this._chart = (_b = (_a = this._eventDispatcher.globalInstance).getChart) === null || _b === void 0 ? void 0 : _b.call(_a);
-            }
-            return this._chart;
-        }
-        register(eType, handler) {
-            var _a, _b;
-            ((_b = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error)('Method not implemented.');
-        }
-        unregister() {
-            var _a, _b;
-            ((_b = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error)('Method not implemented.');
-        }
-        getTargetDimensionInfo(x, y) {
-            var _a, _b, _c;
-            const dimensionInfo = (_c = (_b = (_a = this.chart.getModelOption()).getDimensionInfo) === null || _b === void 0 ? void 0 : _b.call(_a, this.chart, { x, y })) !== null && _c !== void 0 ? _c : [];
-            if (dimensionInfo.length === 0) {
-                return null;
-            }
-            return dimensionInfo;
-        }
-        dispatch(v, opt) {
-            var _a, _b;
-            const axes = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getAllComponents().filter(c => {
-                if (c.specKey !== 'axes') {
-                    return false;
-                }
-                if (opt === null || opt === void 0 ? void 0 : opt.filter) {
-                    return opt.filter(c);
-                }
-                return true;
-            });
-            const discreteAxes = axes.filter(axis => {
-                const scale = axis.getScale();
-                return isDiscrete(scale.type);
-            });
-            const dimAxes = discreteAxes.length
-                ? discreteAxes
-                : axes.filter(axis => {
-                    const orient = axis.getOrient();
-                    return isXAxis(orient) || orient === 'angle';
-                });
-            const dimensionInfo = [];
-            const getDimensionInfoByValue = (_b = this.chart) === null || _b === void 0 ? void 0 : _b.getModelOption().getDimensionInfoByValue;
-            if (getDimensionInfoByValue) {
-                dimAxes.forEach(a => {
-                    const info = getDimensionInfoByValue(a, v);
-                    if (info) {
-                        dimensionInfo.push(info);
-                    }
-                });
-            }
-            this._callback.call(null, {
-                action: 'enter',
-                dimensionInfo
-            });
-            return dimensionInfo;
-        }
-    }
-
-    class DimensionClickEvent extends DimensionEvent {
-        constructor() {
-            super(...arguments);
-            this.onClick = (params) => {
-                if (!params) {
-                    return;
-                }
-                const x = params.event.viewX;
-                const y = params.event.viewY;
-                const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
-                if (!targetDimensionInfo) {
-                    return;
-                }
-                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'click', dimensionInfo: targetDimensionInfo.slice() }));
-            };
-        }
-        register(eType, handler) {
-            this._callback = handler.callback;
-            this._eventDispatcher.register('pointertap', {
-                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
-                callback: this.onClick
-            });
+                return null;
+            }
+            return {
+                x: this.positionToDataX(p.x),
+                y: this.positionToDataY(p.y)
+            };
         }
-        unregister() {
-            this._eventDispatcher.unregister('pointertap', {
-                query: null,
-                callback: this.onClick
-            });
+        positionToDataX(xPos) {
+            if (!this._scaleX) {
+                return null;
+            }
+            return this._scaleX.invert(xPos);
         }
-    }
-
-    const isInBound = (pos, min, max) => pos.x >= min.x && pos.x <= max.x && pos.y >= min.y && pos.y <= max.y;
-    const isInRegionBound = (chart, axis, pos) => {
-        const regionList = chart.getRegionsInIds(array(axis.layout.layoutBindRegionID));
-        return regionList === null || regionList === void 0 ? void 0 : regionList.some(region => {
-            const rect = region.getLayoutRect();
-            const startPoint = region.getLayoutStartPoint();
-            return isInBound(pos, { x: startPoint.x, y: startPoint.y }, { x: rect.width + startPoint.x, y: rect.height + startPoint.y });
-        });
-    };
-    const isSameDimensionInfo = (a, b) => {
-        var _a, _b;
-        if (a === b) {
-            return true;
+        positionToDataY(yPos) {
+            if (!this._scaleY) {
+                return null;
+            }
+            return this._scaleY.invert(yPos);
         }
-        if (isNil$1(a) || isNil$1(b)) {
-            return false;
+        getRegionRectLeft() {
+            if (!this._xAxisHelper) {
+                return Number.NaN;
+            }
+            const { getScale } = this._xAxisHelper;
+            return getScale(0).range()[0];
         }
-        if (a.value !== b.value) {
-            return false;
+        getRegionRectRight() {
+            if (!this._xAxisHelper) {
+                return Number.NaN;
+            }
+            const { getScale } = this._xAxisHelper;
+            return getScale(0).range()[1];
         }
-        if (((_a = a.axis) === null || _a === void 0 ? void 0 : _a.id) !== ((_b = b.axis) === null || _b === void 0 ? void 0 : _b.id)) {
-            return false;
+        afterInitMark() {
+            super.afterInitMark();
+            this.setFieldX(this._fieldX);
+            this.setFieldY(this._fieldY);
+            this._buildScaleConfig();
         }
-        return true;
-    };
-    const resolveTooltipFilterRange = (spec, scale) => {
-        const range = spec.tooltipFilterRange;
-        const rangeValue = typeof range === 'function' ? range({ scale }) : range;
-        const rangeArr = (isValidNumber$1(rangeValue) ? [-rangeValue, rangeValue] : rangeValue);
-        return rangeArr;
-    };
-    const getDimensionData = (value, axis, coordinate, getDimensionField) => {
-        var _a;
-        const scale = axis.getScale();
-        const isDiscreteAxis = isDiscrete(scale.type);
-        const data = [];
-        const seriesList = axis.getOption().getChart().getSeriesInIndex(axis.getSpecInfo().seriesIndexes);
-        for (const series of seriesList) {
-            if (series.coordinate === coordinate) {
-                const dimensionField = array(getDimensionField(series));
-                const viewData = (_a = series.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData;
-                if (dimensionField && viewData) {
-                    if (isDiscreteAxis) {
-                        const datums = [];
-                        const datumIdList = [];
-                        viewData.forEach((datum, i) => {
-                            var _a;
-                            if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString())) {
-                                datums.push(datum);
-                                datumIdList.push(i);
-                            }
-                        });
-                        data.push({
-                            series,
-                            datum: datums,
-                            key: getDimensionDataKey(series, datumIdList)
-                        });
-                    }
-                    else {
-                        if (isValid$1(dimensionField[1])) {
-                            const datums = [];
-                            const datumIdList = [];
-                            viewData.forEach((datum, i) => {
-                                var _a;
-                                if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString()) ||
-                                    (isValid$1(datum[dimensionField[0]]) &&
-                                        isValid$1(datum[dimensionField[1]]) &&
-                                        value >= datum[dimensionField[0]] &&
-                                        value < datum[dimensionField[1]])) {
-                                    datums.push(datum);
-                                    datumIdList.push(i);
-                                }
-                            });
-                            data.push({
-                                series,
-                                datum: datums,
-                                key: getDimensionDataKey(series, datumIdList)
-                            });
-                        }
-                        else {
-                            const spec = axis.getSpec();
-                            const rangeArr = resolveTooltipFilterRange(spec, scale);
-                            let datums = [];
-                            let datumIdList = [];
-                            if (rangeArr) {
-                                viewData.forEach((datum, i) => {
-                                    if (isValid$1(datum[dimensionField[0]])) {
-                                        const delta = datum[dimensionField[0]] - value;
-                                        if (delta >= rangeArr[0] && delta <= rangeArr[1]) {
-                                            datums.push(datum);
-                                            datumIdList.push(i);
-                                        }
-                                    }
-                                });
-                            }
-                            else {
-                                let minDelta = Infinity;
-                                let deltaSign = 0;
-                                viewData.forEach((datum, i) => {
-                                    if (isValid$1(datum[dimensionField[0]])) {
-                                        const delta = Math.abs(datum[dimensionField[0]] - value);
-                                        const sign = Math.sign(datum[dimensionField[0]] - value);
-                                        if (delta < minDelta) {
-                                            minDelta = delta;
-                                            datums = [datum];
-                                            datumIdList = [i];
-                                            deltaSign = sign;
-                                        }
-                                        else if (delta === minDelta && sign === deltaSign) {
-                                            datums.push(datum);
-                                            datumIdList.push(i);
-                                        }
-                                    }
-                                });
-                            }
-                            data.push({
-                                series,
-                                datum: datums,
-                                key: getDimensionDataKey(series, datumIdList)
-                            });
-                        }
-                    }
-                }
+        getDimensionField() {
+            if (this._direction === "horizontal") {
+                return this._specYField;
             }
+            return this._specXField;
         }
-        return data;
-    };
-    const getDimensionDataKey = (series, datumIdList) => `${series.id}_${datumIdList.join('_')}`;
-    const getAxis = (chart, filter, pos) => {
-        const axesComponents = chart
-            .getAllComponents()
-            .filter(c => c.specKey === 'axes' && filter(c) && isInRegionBound(chart, c, pos));
-        if (!axesComponents.length) {
-            return null;
+        getDimensionContinuousField() {
+            if (this._direction === "horizontal") {
+                return [this.fieldY[0], this.fieldY2];
+            }
+            return [this.fieldX[0], this.fieldX2];
         }
-        return axesComponents;
-    };
-
-    class DimensionHoverEvent extends DimensionEvent {
-        constructor() {
-            super(...arguments);
-            this._cacheDimensionInfo = null;
-            this.onMouseMove = (params) => {
-                if (!params) {
-                    return;
-                }
-                const x = params.event.viewX;
-                const y = params.event.viewY;
-                const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
-                if (targetDimensionInfo === null && this._cacheDimensionInfo !== null) {
-                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: this._cacheDimensionInfo.slice() }));
-                    this._cacheDimensionInfo = targetDimensionInfo;
-                }
-                else if (targetDimensionInfo !== null &&
-                    (this._cacheDimensionInfo === null ||
-                        targetDimensionInfo.length !== this._cacheDimensionInfo.length ||
-                        targetDimensionInfo.some((info, i) => !isSameDimensionInfo(info, this._cacheDimensionInfo[i])))) {
-                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'enter', dimensionInfo: targetDimensionInfo.slice() }));
-                    this._cacheDimensionInfo = targetDimensionInfo;
-                }
-                else if (targetDimensionInfo !== null) {
-                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'move', dimensionInfo: targetDimensionInfo.slice() }));
-                }
-            };
-            this.onMouseOut = (params) => {
-                if (!params) {
-                    return;
-                }
-                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: this._cacheDimensionInfo ? this._cacheDimensionInfo.slice() : [] }));
-                this._cacheDimensionInfo = null;
-            };
+        getMeasureField() {
+            if (this._direction === "horizontal") {
+                return this._specXField;
+            }
+            return this._specYField;
         }
-        register(eType, handler) {
-            this._callback = handler.callback;
-            this._eventDispatcher.register('pointermove', {
-                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
-                callback: this.onMouseMove
-            });
-            this._eventDispatcher.register('pointerout', {
-                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.canvas }),
-                callback: this.onMouseOut
-            });
-            if (isMobileLikeMode(this._mode)) {
-                this._eventDispatcher.register('pointerdown', {
-                    query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
-                    callback: this.onMouseMove
+        initEvent() {
+            super.initEvent();
+            if (this.sortDataByAxis) {
+                this.event.on(exports.ChartEvent.scaleDomainUpdate, {
+                    filter: param => {
+                        var _a;
+                        return param.model.id ===
+                            ((_a = (this._direction === "horizontal" ? this._yAxisHelper : this._xAxisHelper)) === null || _a === void 0 ? void 0 : _a.getAxisId());
+                    }
+                }, () => {
+                    this._sortDataInAxisDomain();
                 });
             }
         }
-        unregister() {
-            this._eventDispatcher.unregister('pointermove', {
-                query: null,
-                callback: this.onMouseMove
-            });
-            if (isMobileLikeMode(this._mode)) {
-                this._eventDispatcher.unregister('pointerdown', {
-                    query: null,
-                    callback: this.onMouseMove
+        _sortDataInAxisDomain() {
+            var _a, _b, _c;
+            if ((_b = (_a = this.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b.length) {
+                sortDataInAxisHelper(this._direction === "horizontal" ? this._yAxisHelper : this._xAxisHelper, this._direction === "horizontal" ? this._fieldY[0] : this._fieldX[0], this.getViewData().latestData);
+                (_c = this._data) === null || _c === void 0 ? void 0 : _c.updateData(true);
+            }
+        }
+        getInvalidCheckFields() {
+            const fields = [];
+            if (this._xAxisHelper &&
+                this._xAxisHelper.isContinuous &&
+                this._xAxisHelper.getAxisType() !== ComponentTypeEnum.geoCoordinate) {
+                const xFields = this._xAxisHelper.getFields ? this._xAxisHelper.getFields() : this._specXField;
+                xFields.forEach(f => {
+                    fields.push(f);
+                });
+            }
+            if (this._yAxisHelper &&
+                this._yAxisHelper.isContinuous &&
+                this._yAxisHelper.getAxisType() !== ComponentTypeEnum.geoCoordinate) {
+                const yFields = this._yAxisHelper.getFields ? this._yAxisHelper.getFields() : this._specYField;
+                yFields.forEach(f => {
+                    fields.push(f);
                 });
             }
+            return fields;
+        }
+        reInit(spec) {
+            if (this._positionXEncoder) {
+                this._positionXEncoder = null;
+            }
+            if (this._positionYEncoder) {
+                this._positionYEncoder = null;
+            }
+            super.reInit(spec);
         }
     }
 
-    exports.DimensionEventEnum = void 0;
-    (function (DimensionEventEnum) {
-        DimensionEventEnum["dimensionHover"] = "dimensionHover";
-        DimensionEventEnum["dimensionClick"] = "dimensionClick";
-    })(exports.DimensionEventEnum || (exports.DimensionEventEnum = {}));
-
     const lineLikeSeriesMark = {
         ["point"]: { name: "point", type: "symbol" },
         ["line"]: { name: "line", type: "line" }
@@ -71213,116 +71440,6 @@
         Factory.registerInteractionTrigger(DimensionHover.type, DimensionHover);
     };
 
-    const registerDimensionEvents = () => {
-        Factory.registerComposedEvent(exports.DimensionEventEnum.dimensionHover, DimensionHoverEvent);
-        Factory.registerComposedEvent(exports.DimensionEventEnum.dimensionClick, DimensionClickEvent);
-    };
-
-    const discreteXAxisGetDimensionField = (series) => series.fieldX[0];
-    const discreteYAxisGetDimensionField = (series) => series.fieldY[0];
-    const continuousXAxisGetDimensionField = (series) => {
-        var _a;
-        return [
-            series.fieldX[0],
-            (_a = series.fieldX2) !== null && _a !== void 0 ? _a : series.fieldX[1]
-        ];
-    };
-    const continuousYAxisGetDimensionField = (series) => {
-        var _a;
-        return [
-            series.fieldY[0],
-            (_a = series.fieldY2) !== null && _a !== void 0 ? _a : series.fieldY[1]
-        ];
-    };
-    const getDimensionFieldFunc = (isXAxis, isDiscreteAxis) => isXAxis
-        ? isDiscreteAxis
-            ? discreteXAxisGetDimensionField
-            : continuousXAxisGetDimensionField
-        : isDiscreteAxis
-            ? discreteYAxisGetDimensionField
-            : continuousYAxisGetDimensionField;
-    const getCartesianDimensionInfo = (chart, pos, isTooltip) => {
-        var _a, _b;
-        if (!chart) {
-            return null;
-        }
-        const { x, y } = pos;
-        const xAxisList = (_a = getAxis(chart, (cmp) => isXAxis(cmp.getOrient()), pos)) !== null && _a !== void 0 ? _a : [];
-        const yAxisList = (_b = getAxis(chart, (cmp) => isYAxis(cmp.getOrient()), pos)) !== null && _b !== void 0 ? _b : [];
-        if (!xAxisList.length && !yAxisList.length) {
-            return null;
-        }
-        const bandAxisSet = new Set();
-        const linearAxisSet = new Set();
-        const forceAxisSet = new Set();
-        [xAxisList, yAxisList].forEach(axisList => axisList.forEach(axis => {
-            const isDiscreteAxis = isDiscrete(axis.getScale().type);
-            if (isDiscreteAxis) {
-                bandAxisSet.add(axis);
-            }
-            else {
-                linearAxisSet.add(axis);
-            }
-            if (isTooltip && axis.getSpec().hasDimensionTooltip) {
-                forceAxisSet.add(axis);
-            }
-        }));
-        const targetAxisInfo = [];
-        const addAxisDimensionInfo = (orient) => {
-            const isXAxis = orient === 'x';
-            const posValue = isXAxis ? x : y;
-            const axisList = isXAxis ? xAxisList : yAxisList;
-            axisList.forEach(axis => {
-                if (forceAxisSet.size > 0) {
-                    if (forceAxisSet.has(axis)) {
-                        const info = getDimensionInfoByPosition(axis, posValue, getDimensionFieldFunc(isXAxis, isDiscrete(axis.getScale().type)));
-                        info && targetAxisInfo.push(info);
-                    }
-                }
-                else {
-                    const hasDiscreteAxis = bandAxisSet.size > 0;
-                    if ((hasDiscreteAxis ? bandAxisSet : linearAxisSet).has(axis)) {
-                        const info = getDimensionInfoByPosition(axis, posValue, getDimensionFieldFunc(isXAxis, hasDiscreteAxis));
-                        info && targetAxisInfo.push(info);
-                    }
-                }
-            });
-        };
-        if (chart.getSpec().direction === "horizontal") {
-            addAxisDimensionInfo('y');
-            if (targetAxisInfo.length === 0) {
-                addAxisDimensionInfo('x');
-            }
-        }
-        else {
-            addAxisDimensionInfo('x');
-            if (targetAxisInfo.length === 0) {
-                addAxisDimensionInfo('y');
-            }
-        }
-        if (!targetAxisInfo.length) {
-            return null;
-        }
-        return targetAxisInfo;
-    };
-    const getDimensionInfoByPosition = (axis, posValue, getDimensionField) => {
-        const value = axis.positionToData(posValue, true);
-        return isNil$1(value) ? null : getDimensionInfoByValue(axis, value, getDimensionField);
-    };
-    const getDimensionInfoByValue = (axis, value, getDimensionField) => {
-        const scale = axis.getScale();
-        if (isNil$1(value)) {
-            return null;
-        }
-        const domain = scale.domain();
-        let index = domain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
-        if (index < 0) {
-            index = undefined;
-        }
-        const data = getDimensionData(value, axis, 'cartesian', getDimensionField !== null && getDimensionField !== void 0 ? getDimensionField : (isXAxis(axis.getOrient()) ? discreteXAxisGetDimensionField : discreteYAxisGetDimensionField));
-        return { index, value, position: scale.scale(value), axis, data };
-    };
-
     const layoutByValue$1 = (stateByField, series, layoutStartPoint, enableRemain = false) => {
         if (!layoutStartPoint) {
             layoutStartPoint = { x: 0, y: 0 };
@@ -71768,6 +71885,9 @@
         }
         shouldHandleTooltip(params, info) {
             var _a, _b;
+            if (!this.component.enable) {
+                return false;
+            }
             if (isNil$1(info)) {
                 return false;
             }
@@ -93078,106 +93198,6 @@
         }
     }
 
-    const angleStandardize = (angle, range) => {
-        const unit = Math.PI * 2;
-        const min = minInArray(range);
-        const max = maxInArray(range);
-        if (angle < min) {
-            angle += Math.ceil((min - angle) / unit) * unit;
-        }
-        else if (angle > max) {
-            angle -= Math.ceil((angle - max) / unit) * unit;
-        }
-        return angle;
-    };
-    const getPolarDimensionInfo = (chart, pos) => {
-        if (!chart) {
-            return null;
-        }
-        const angleAxisList = getAxis(chart, (cmp) => cmp.getOrient() === 'angle', pos);
-        const radiusAxisList = getAxis(chart, (cmp) => cmp.getOrient() === 'radius', pos);
-        if ((!angleAxisList || !angleAxisList.length) && (!radiusAxisList || !radiusAxisList.length)) {
-            return null;
-        }
-        const targetAxisInfo = [];
-        const getDimensionField = (series) => series.getDimensionField()[0];
-        const { x, y } = pos;
-        if (angleAxisList) {
-            angleAxisList.forEach(axis => {
-                var _a;
-                const angleScale = axis.getScale();
-                if (angleScale && isDiscrete(angleScale.type)) {
-                    const angleDomain = angleScale.domain();
-                    const angleRange = angleScale.range();
-                    const center = axis.getCenter();
-                    const vector = {
-                        x: x - axis.getLayoutStartPoint().x - center.x,
-                        y: y - axis.getLayoutStartPoint().y - center.y
-                    };
-                    let angle = vectorAngle({ x: 1, y: 0 }, vector);
-                    angle = angleStandardize(angle, angleRange);
-                    const radius = distance(vector);
-                    const radiusScale = (_a = radiusAxisList[0]) === null || _a === void 0 ? void 0 : _a.getScale();
-                    const radiusRange = radiusScale === null || radiusScale === void 0 ? void 0 : radiusScale.range();
-                    if ((angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[0])) * (angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[1])) > 0 ||
-                        (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[0])) * (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[1])) > 0) {
-                        return;
-                    }
-                    const value = axis.invert(angle);
-                    if (isNil$1(value)) {
-                        return;
-                    }
-                    let index = angleDomain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
-                    if (index < 0) {
-                        index = undefined;
-                    }
-                    const data = getDimensionData(value, axis, 'polar', getDimensionField);
-                    targetAxisInfo.push({ index, value, position: angleScale.scale(value), axis, data });
-                }
-            });
-        }
-        if (radiusAxisList) {
-            radiusAxisList.forEach(axis => {
-                var _a;
-                const radiusScale = axis.getScale();
-                const radiusRange = radiusScale === null || radiusScale === void 0 ? void 0 : radiusScale.range();
-                if (radiusScale && isDiscrete(radiusScale.type)) {
-                    const center = axis.getCenter();
-                    const vector = {
-                        x: x - axis.getLayoutStartPoint().x - center.x,
-                        y: y - axis.getLayoutStartPoint().y - center.y
-                    };
-                    let angle = vectorAngle({ x: 1, y: 0 }, vector);
-                    if (angle < -Math.PI / 2) {
-                        angle = Math.PI * 2 + angle;
-                    }
-                    const radius = distance(vector);
-                    const angleScale = (_a = angleAxisList[0]) === null || _a === void 0 ? void 0 : _a.getScale();
-                    const angleRange = angleScale === null || angleScale === void 0 ? void 0 : angleScale.range();
-                    if ((angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[0])) * (angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[1])) > 0 ||
-                        (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[0])) * (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[1])) > 0) {
-                        return;
-                    }
-                    const value = radiusScale.invert(radius);
-                    if (isNil$1(value)) {
-                        return;
-                    }
-                    const domain = radiusScale.domain();
-                    let index = domain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
-                    if (index < 0) {
-                        index = undefined;
-                    }
-                    const data = getDimensionData(value, axis, 'polar', getDimensionField);
-                    targetAxisInfo.push({ index, value, position: radiusScale.scale(value), axis, data });
-                }
-            });
-        }
-        if (!targetAxisInfo.length) {
-            return null;
-        }
-        return targetAxisInfo;
-    };
-
     class RoseChart extends BaseChart {
         constructor() {
             super(...arguments);
@@ -96065,6 +96085,7 @@
             this.specKey = 'tooltip';
             this.layoutType = 'none';
             this._isReleased = false;
+            this.enable = true;
             this._alwaysShow = false;
             this._eventList = [];
             this._isTooltipShown = false;
@@ -103236,10 +103257,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._emitEvent(exports.ChartEvent.brushActive, region, e);
             });
             brush.addEventListener(IOperateType.drawStart, (e) => {
+                if (this._spec.disableDimensionHoverWhenBrushing) {
+                    this._option.globalInstance.disableDimensionHoverEvent(true);
+                }
                 this._setRegionMarkPickable(region, true);
                 this._emitEvent(exports.ChartEvent.brushStart, region, e);
             });
             brush.addEventListener(IOperateType.moveStart, (e) => {
+                if (this._spec.disableDimensionHoverWhenBrushing) {
+                    this._option.globalInstance.disableDimensionHoverEvent(true);
+                }
                 this._setRegionMarkPickable(region, true);
                 this._emitEvent(exports.ChartEvent.brushStart, region, e);
             });
@@ -103254,12 +103281,18 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._emitEvent(exports.ChartEvent.brushChange, region, e);
             });
             brush.addEventListener(IOperateType.brushClear, (e) => {
+                if (this._spec.disableDimensionHoverWhenBrushing) {
+                    this._option.globalInstance.disableDimensionHoverEvent(false);
+                }
                 this._setRegionMarkPickable(region, true);
                 this._initMarkBrushState(componentIndex, '');
                 this._emitEvent(exports.ChartEvent.brushClear, region, e);
             });
             brush.addEventListener(IOperateType.drawEnd, (e) => {
                 var _a;
+                if (this._spec.disableDimensionHoverWhenBrushing) {
+                    this._option.globalInstance.disableDimensionHoverEvent(false);
+                }
                 this._setRegionMarkPickable(region, true);
                 const { operateMask } = e.detail;
                 const { updateElementsState = true } = this._spec;
@@ -103283,6 +103316,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             });
             brush.addEventListener(IOperateType.moveEnd, (e) => {
+                if (this._spec.disableDimensionHoverWhenBrushing) {
+                    this._option.globalInstance.disableDimensionHoverEvent(false);
+                }
                 this._setRegionMarkPickable(region, true);
                 const { operateMask } = e.detail;
                 const { updateElementsState = true } = this._spec;
@@ -103628,6 +103664,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._brushComponents = null;
             }
         }
+        clearBrushStateAndMask() {
+            this._relativeRegions.forEach((region, componentIndex) => {
+                this._initMarkBrushState(componentIndex, '');
+                this._brushComponents[componentIndex].children[0].removeAllChild();
+            });
+        }
     }
     Brush.type = ComponentTypeEnum.brush;
     Brush.builtInTheme = {