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

package/build/index.es.js

@@ -53868,7 +53868,7 @@ let Event$1 = class Event {
         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
             });
@@ -60280,6 +60280,609 @@ class VChartPluginService extends BasePluginService {
     }
 }
 
+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;
+
+var DimensionEventEnum;
+(function (DimensionEventEnum) {
+    DimensionEventEnum["dimensionHover"] = "dimensionHover";
+    DimensionEventEnum["dimensionClick"] = "dimensionClick";
+})(DimensionEventEnum || (DimensionEventEnum = {}));
+
+const registerDimensionEvents = () => {
+    Factory.registerComposedEvent(DimensionEventEnum.dimensionHover, DimensionHoverEvent);
+    Factory.registerComposedEvent(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) => {
@@ -60528,7 +61131,7 @@ class VChart {
         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();
@@ -61181,7 +61784,7 @@ class VChart {
             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;
         }
@@ -61422,6 +62025,19 @@ class VChart {
         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);
@@ -61664,39 +62280,6 @@ var Direction;
     Direction["horizontal"] = "horizontal";
 })(Direction || (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;
@@ -64043,471 +64626,115 @@ class CartesianSeries extends BaseSeries {
     }
     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(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(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);
     }
 }
 
-var DimensionEventEnum;
-(function (DimensionEventEnum) {
-    DimensionEventEnum["dimensionHover"] = "dimensionHover";
-    DimensionEventEnum["dimensionClick"] = "dimensionClick";
-})(DimensionEventEnum || (DimensionEventEnum = {}));
-
 const lineLikeSeriesMark = {
     ["point"]: { name: "point", type: "symbol" },
     ["line"]: { name: "line", type: "line" }
@@ -71207,116 +71434,6 @@ const registerDimensionHover = () => {
     Factory.registerInteractionTrigger(DimensionHover.type, DimensionHover);
 };
 
-const registerDimensionEvents = () => {
-    Factory.registerComposedEvent(DimensionEventEnum.dimensionHover, DimensionHoverEvent);
-    Factory.registerComposedEvent(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 };
@@ -71762,6 +71879,9 @@ class BaseTooltipProcessor {
     }
     shouldHandleTooltip(params, info) {
         var _a, _b;
+        if (!this.component.enable) {
+            return false;
+        }
         if (isNil$1(info)) {
             return false;
         }
@@ -93072,106 +93192,6 @@ class RoseChartSpecTransformer extends RoseLikeChartSpecTransformer {
     }
 }
 
-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);
@@ -96059,6 +96079,7 @@ class Tooltip extends BaseComponent {
         this.specKey = 'tooltip';
         this.layoutType = 'none';
         this._isReleased = false;
+        this.enable = true;
         this._alwaysShow = false;
         this._eventList = [];
         this._isTooltipShown = false;
@@ -103230,10 +103251,16 @@ class Brush extends BaseComponent {
             this._emitEvent(ChartEvent.brushActive, region, e);
         });
         brush.addEventListener(IOperateType.drawStart, (e) => {
+            if (this._spec.disableDimensionHoverWhenBrushing) {
+                this._option.globalInstance.disableDimensionHoverEvent(true);
+            }
             this._setRegionMarkPickable(region, true);
             this._emitEvent(ChartEvent.brushStart, region, e);
         });
         brush.addEventListener(IOperateType.moveStart, (e) => {
+            if (this._spec.disableDimensionHoverWhenBrushing) {
+                this._option.globalInstance.disableDimensionHoverEvent(true);
+            }
             this._setRegionMarkPickable(region, true);
             this._emitEvent(ChartEvent.brushStart, region, e);
         });
@@ -103248,12 +103275,18 @@ class Brush extends BaseComponent {
             this._emitEvent(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(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;
@@ -103277,6 +103310,9 @@ class Brush extends BaseComponent {
             }
         });
         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;
@@ -103622,6 +103658,12 @@ class Brush extends BaseComponent {
             this._brushComponents = null;
         }
     }
+    clearBrushStateAndMask() {
+        this._relativeRegions.forEach((region, componentIndex) => {
+            this._initMarkBrushState(componentIndex, '');
+            this._brushComponents[componentIndex].children[0].removeAllChild();
+        });
+    }
 }
 Brush.type = ComponentTypeEnum.brush;
 Brush.builtInTheme = {