@visactor/vchart 2.0.10-alpha.1 → 2.0.11-alpha.0

package/build/index.es.js

@@ -61218,6 +61218,10 @@ class VChart {
         var _a;
         return (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setDimensionIndex(value, opt);
     }
+    showCrosshair(cb) {
+        var _a;
+        (_a = this._chart) === null || _a === void 0 ? void 0 : _a.showCrosshair(cb);
+    }
     stopAnimation() {
         var _a;
         (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.stopAnimation(true);
@@ -61408,7 +61412,8 @@ class VChart {
             getSpecInfo: () => { var _a; return (_a = this._specInfo) !== null && _a !== void 0 ? _a : {}; },
             layout: this._option.layout,
             onError: this._onError,
-            disableTriggerEvent: this._option.disableTriggerEvent === true
+            disableTriggerEvent: this._option.disableTriggerEvent === true,
+            componentShowContent: this._option.componentShowContent
         };
     }
 }
@@ -61527,7 +61532,7 @@ const lookup = (data, opt) => {
     });
 };
 
-const version = "2.0.10-alpha.1";
+const version = "2.0.11-alpha.0";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -69363,7 +69368,7 @@ class BaseChart extends CompilableBase {
     _setModelOption() {
     }
     constructor(spec, option) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         super(option);
         this.type = 'chart';
         this.id = createID();
@@ -69494,7 +69499,7 @@ class BaseChart extends CompilableBase {
         this._event = new Event$1(option.eventDispatcher, option.mode);
         this._dataSet = option.dataSet;
         this._chartData = new ChartData(this._dataSet);
-        this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError, disableTriggerEvent: ((_c = this._option) === null || _c === void 0 ? void 0 : _c.disableTriggerEvent) === true, getSeriesData: this._chartData.getSeriesData.bind(this._chartData), dispatchEvent: (eType, params) => this._option.globalInstance.event.emit(eType, params) });
+        this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError, disableTriggerEvent: ((_c = this._option) === null || _c === void 0 ? void 0 : _c.disableTriggerEvent) === true, componentShowContent: (_d = this._option) === null || _d === void 0 ? void 0 : _d.componentShowContent, getSeriesData: this._chartData.getSeriesData.bind(this._chartData), dispatchEvent: (eType, params) => this._option.globalInstance.event.emit(eType, params) });
         if (this._setModelOption) {
             this._setModelOption();
         }
@@ -70276,10 +70281,12 @@ class BaseChart extends CompilableBase {
             }
         });
         const isUnableValue = isNil$1(value) || !dimensionInfo || dimensionInfo.every(d => isDiscrete(d.axis.getScale().type) && isNil$1(d.index));
+        const isUnableTooltip = isUnableValue ||
+            dimensionInfo.every(d => isDiscrete(d.axis.getScale().type) && d.data.every(_data => _data.datum.length === 0));
         if (opt.tooltip !== false) {
             const tooltip = this.getComponentsByType(ComponentTypeEnum.tooltip)[0];
             if (tooltip === null || tooltip === void 0 ? void 0 : tooltip.getVisible()) {
-                if (isUnableValue) {
+                if (isUnableValue || isUnableTooltip) {
                     (_b = (_a = tooltip).hideTooltip) === null || _b === void 0 ? void 0 : _b.call(_a);
                 }
                 else {
@@ -70309,6 +70316,25 @@ class BaseChart extends CompilableBase {
             }
         }
     }
+    showCrosshair(cb) {
+        var _a;
+        const crosshair = (_a = this.getComponentsByType(ComponentTypeEnum.cartesianCrosshair)[0]) !== null && _a !== void 0 ? _a : this.getComponentsByType(ComponentTypeEnum.polarCrosshair)[0];
+        if (!crosshair) {
+            return;
+        }
+        const axes = this.getComponentsByKey('axes');
+        const dimInfo = [];
+        axes.forEach(axis => {
+            const value = cb(axis);
+            if (value !== false) {
+                dimInfo.push({
+                    axis,
+                    value
+                });
+            }
+        });
+        crosshair.showCrosshair(dimInfo);
+    }
     getColorScheme() {
         var _a, _b;
         return (_b = (_a = this._option).getTheme) === null || _b === void 0 ? void 0 : _b.call(_a, 'colorScheme');
@@ -95877,7 +95903,16 @@ class Tooltip extends BaseComponent {
             }
         };
         this._showTooltipByMouseEvent = (activeType, mouseEventData, params, isClick, useCache) => {
-            var _a;
+            var _a, _b;
+            if ((_a = this._option) === null || _a === void 0 ? void 0 : _a.componentShowContent) {
+                if (this._option.componentShowContent.tooltip === false) {
+                    return false;
+                }
+                if (isObject$2(this._option.componentShowContent.tooltip) &&
+                    this._option.componentShowContent.tooltip[activeType] === false) {
+                    return false;
+                }
+            }
             const processor = this.processor[activeType];
             if (!processor.shouldHandleTooltip(params, mouseEventData.tooltipInfo[activeType])) {
                 return false;
@@ -95910,7 +95945,7 @@ class Tooltip extends BaseComponent {
                     }, this._spec.hideTimer);
                 }
             }
-            const vchart = (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance;
+            const vchart = (_b = this._option) === null || _b === void 0 ? void 0 : _b.globalInstance;
             if (success && VChart.globalConfig.uniqueTooltip && vchart) {
                 VChart.hideTooltip(vchart.id);
             }
@@ -96490,6 +96525,10 @@ class BaseCrossHair extends BaseComponent {
         }
     }
     _registerEvent(eventName, isOut, click) {
+        var _a;
+        if (!isOut && ((_a = this._option.componentShowContent) === null || _a === void 0 ? void 0 : _a.crosshair) === false) {
+            return;
+        }
         const handler = isOut ? this._handleOutEvent : click ? this._handleClickInEvent : this._handleHoverInEvent;
         const cfg = isOut ? { level: Event_Bubble_Level.chart } : { source: Event_Source_Type.chart };
         if (isArray$1(eventName)) {

package/build/index.js

@@ -61224,6 +61224,10 @@
             var _a;
             return (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setDimensionIndex(value, opt);
         }
+        showCrosshair(cb) {
+            var _a;
+            (_a = this._chart) === null || _a === void 0 ? void 0 : _a.showCrosshair(cb);
+        }
         stopAnimation() {
             var _a;
             (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.stopAnimation(true);
@@ -61414,7 +61418,8 @@
                 getSpecInfo: () => { var _a; return (_a = this._specInfo) !== null && _a !== void 0 ? _a : {}; },
                 layout: this._option.layout,
                 onError: this._onError,
-                disableTriggerEvent: this._option.disableTriggerEvent === true
+                disableTriggerEvent: this._option.disableTriggerEvent === true,
+                componentShowContent: this._option.componentShowContent
             };
         }
     }
@@ -61533,7 +61538,7 @@
         });
     };
 
-    const version = "2.0.10-alpha.1";
+    const version = "2.0.11-alpha.0";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -69369,7 +69374,7 @@
         _setModelOption() {
         }
         constructor(spec, option) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             super(option);
             this.type = 'chart';
             this.id = createID();
@@ -69500,7 +69505,7 @@
             this._event = new Event$1(option.eventDispatcher, option.mode);
             this._dataSet = option.dataSet;
             this._chartData = new ChartData(this._dataSet);
-            this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError, disableTriggerEvent: ((_c = this._option) === null || _c === void 0 ? void 0 : _c.disableTriggerEvent) === true, getSeriesData: this._chartData.getSeriesData.bind(this._chartData), dispatchEvent: (eType, params) => this._option.globalInstance.event.emit(eType, params) });
+            this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError, disableTriggerEvent: ((_c = this._option) === null || _c === void 0 ? void 0 : _c.disableTriggerEvent) === true, componentShowContent: (_d = this._option) === null || _d === void 0 ? void 0 : _d.componentShowContent, getSeriesData: this._chartData.getSeriesData.bind(this._chartData), dispatchEvent: (eType, params) => this._option.globalInstance.event.emit(eType, params) });
             if (this._setModelOption) {
                 this._setModelOption();
             }
@@ -70282,10 +70287,12 @@
                 }
             });
             const isUnableValue = isNil$1(value) || !dimensionInfo || dimensionInfo.every(d => isDiscrete(d.axis.getScale().type) && isNil$1(d.index));
+            const isUnableTooltip = isUnableValue ||
+                dimensionInfo.every(d => isDiscrete(d.axis.getScale().type) && d.data.every(_data => _data.datum.length === 0));
             if (opt.tooltip !== false) {
                 const tooltip = this.getComponentsByType(ComponentTypeEnum.tooltip)[0];
                 if (tooltip === null || tooltip === void 0 ? void 0 : tooltip.getVisible()) {
-                    if (isUnableValue) {
+                    if (isUnableValue || isUnableTooltip) {
                         (_b = (_a = tooltip).hideTooltip) === null || _b === void 0 ? void 0 : _b.call(_a);
                     }
                     else {
@@ -70315,6 +70322,25 @@
                 }
             }
         }
+        showCrosshair(cb) {
+            var _a;
+            const crosshair = (_a = this.getComponentsByType(ComponentTypeEnum.cartesianCrosshair)[0]) !== null && _a !== void 0 ? _a : this.getComponentsByType(ComponentTypeEnum.polarCrosshair)[0];
+            if (!crosshair) {
+                return;
+            }
+            const axes = this.getComponentsByKey('axes');
+            const dimInfo = [];
+            axes.forEach(axis => {
+                const value = cb(axis);
+                if (value !== false) {
+                    dimInfo.push({
+                        axis,
+                        value
+                    });
+                }
+            });
+            crosshair.showCrosshair(dimInfo);
+        }
         getColorScheme() {
             var _a, _b;
             return (_b = (_a = this._option).getTheme) === null || _b === void 0 ? void 0 : _b.call(_a, 'colorScheme');
@@ -95883,7 +95909,16 @@
                 }
             };
             this._showTooltipByMouseEvent = (activeType, mouseEventData, params, isClick, useCache) => {
-                var _a;
+                var _a, _b;
+                if ((_a = this._option) === null || _a === void 0 ? void 0 : _a.componentShowContent) {
+                    if (this._option.componentShowContent.tooltip === false) {
+                        return false;
+                    }
+                    if (isObject$2(this._option.componentShowContent.tooltip) &&
+                        this._option.componentShowContent.tooltip[activeType] === false) {
+                        return false;
+                    }
+                }
                 const processor = this.processor[activeType];
                 if (!processor.shouldHandleTooltip(params, mouseEventData.tooltipInfo[activeType])) {
                     return false;
@@ -95916,7 +95951,7 @@
                         }, this._spec.hideTimer);
                     }
                 }
-                const vchart = (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance;
+                const vchart = (_b = this._option) === null || _b === void 0 ? void 0 : _b.globalInstance;
                 if (success && VChart.globalConfig.uniqueTooltip && vchart) {
                     VChart.hideTooltip(vchart.id);
                 }
@@ -96496,6 +96531,10 @@
             }
         }
         _registerEvent(eventName, isOut, click) {
+            var _a;
+            if (!isOut && ((_a = this._option.componentShowContent) === null || _a === void 0 ? void 0 : _a.crosshair) === false) {
+                return;
+            }
             const handler = isOut ? this._handleOutEvent : click ? this._handleClickInEvent : this._handleHoverInEvent;
             const cfg = isOut ? { level: Event_Bubble_Level.chart } : { source: Event_Source_Type.chart };
             if (isArray$1(eventName)) {