Merge pull request #767 from thundersdata-frontend/feat/3dpie

fix: 修复3d饼图卡顿问题
thundersdata-frontend · Nov 20, 2023 · 579c9ce · 579c9ce
2 parents 59c939a + 05d836a
commit 579c9ce
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/five-teachers-beg.md b/.changeset/five-teachers-beg.md
@@ -0,0 +1,5 @@
+---
+'@td-design/lego': patch
+---
+
+修复3d饼图卡顿问题
diff --git a/packages/lego/src/three-dimensional-pie/index.tsx b/packages/lego/src/three-dimensional-pie/index.tsx
@@ -184,6 +184,7 @@ export default forwardRef<ReactEcharts, ThreeDimensionalPieProps>(
     // 监听鼠标事件
     useEffect(() => {
       let hoveredIndex = '';
+      if (autoLoop) return;
       if (echartsRef && seriesData) {
         const myChart = getInstance();
         myChart.on('mouseover', function (params: { seriesName?: string }) {
@@ -196,7 +197,7 @@ export default forwardRef<ReactEcharts, ThreeDimensionalPieProps>(
               }
             });
           // 如果触发 mouseover 的扇形当前已高亮，则不做操作
-          if (autoLoop || hoveredIndex === seriesIndex) {
+          if (hoveredIndex === seriesIndex) {
             return;
           } else {
             if (hoveredIndex !== '') {
@@ -212,7 +213,6 @@ export default forwardRef<ReactEcharts, ThreeDimensionalPieProps>(
               });
             }
             hoveredIndex = hoveredIndex !== '' ? '' : seriesIndex;
-            setHoveredIndex(hoveredIndex);
             myChart.setOption(option);
           }
         });