onesight-charts 2.0.2 → 2.0.3

package/es/components/vertical-stacked-bar/index.js

@@ -919,6 +919,38 @@ function VerticalStackedBar(props) {
         dataIndex: event.dataIndex
       });
       currentIndex = event.dataIndex;
+
+      // 首次 showTip 后 ECharts 才会创建 tooltip DOM
+      // 给 tooltip DOM 绑定一次鼠标进出事件：
+      // - 鼠标进入自定义 tooltip 时，隐藏 axisPointer 阴影
+      // - 鼠标离开时，ECharts 会自行隐藏 tooltip，同时把阴影也置为透明
+      setTimeout(function () {
+        var chartDom = myChart.getDom();
+        var parentElement = (chartDom === null || chartDom === void 0 ? void 0 : chartDom.parentElement) || chartDom;
+        var tooltipEl = parentElement === null || parentElement === void 0 ? void 0 : parentElement.querySelector(".".concat(tooltipClassNameRef.current));
+        if (tooltipEl && !tooltipEl.dataset.axisPointerBound) {
+          tooltipEl.addEventListener('mouseenter', function () {
+            toggleAxisPointer(myChart, false);
+          });
+          tooltipEl.addEventListener('mouseleave', function () {
+            toggleAxisPointer(myChart, false);
+            myChart.dispatchAction({
+              type: 'hideTip'
+            });
+            myChart.dispatchAction({
+              type: 'downplay',
+              dataIndex: currentIndex
+            });
+          });
+          tooltipEl.dataset.axisPointerBound = 'true';
+        }
+      }, 0);
+    });
+
+    // tooltip 隐藏时，重置 axisPointer 阴影为透明，避免残留
+    myChart.off('hideTip');
+    myChart.on('hideTip', function () {
+      toggleAxisPointer(myChart, false);
     });
     myChart.setOption(option, true);
 

package/lib/components/vertical-stacked-bar/index.js

@@ -865,6 +865,31 @@ function VerticalStackedBar(props) {
         dataIndex: event.dataIndex
       });
       currentIndex = event.dataIndex;
+      setTimeout(() => {
+        const chartDom = myChart.getDom();
+        const parentElement = (chartDom == null ? void 0 : chartDom.parentElement) || chartDom;
+        const tooltipEl = parentElement == null ? void 0 : parentElement.querySelector(
+          `.${tooltipClassNameRef.current}`
+        );
+        if (tooltipEl && !tooltipEl.dataset.axisPointerBound) {
+          tooltipEl.addEventListener("mouseenter", () => {
+            toggleAxisPointer(myChart, false);
+          });
+          tooltipEl.addEventListener("mouseleave", () => {
+            toggleAxisPointer(myChart, false);
+            myChart.dispatchAction({ type: "hideTip" });
+            myChart.dispatchAction({
+              type: "downplay",
+              dataIndex: currentIndex
+            });
+          });
+          tooltipEl.dataset.axisPointerBound = "true";
+        }
+      }, 0);
+    });
+    myChart.off("hideTip");
+    myChart.on("hideTip", function() {
+      toggleAxisPointer(myChart, false);
     });
     myChart.setOption(option, true);
     if (showTotal) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "onesight-charts",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "private": false,
   "description": "OneSight前端图表公共组件库",
   "license": "MIT",