apache · linghaoSu · Aug 6, 2023
diff --git a/src/chart/bar/BarView.ts b/src/chart/bar/BarView.ts
@@ -347,7 +347,18 @@ class BarView extends ChartView {
                     }
                     const bgLayout = getLayout[coord.type](data, newIndex);
                     const shape = createBackgroundShape(isHorizontalOrRadial, bgLayout, coord);
-                    updateProps<RectProps | SectorProps>(bgEl, { shape }, animationModel, newIndex);
+
+                    if (realtimeSortCfg) {
+                        updateProps<RectProps | SectorProps>(
+                            bgEl,
+                            { shape },
+                            animationModel ? realtimeSortCfg.baseAxis.model : null,
+                            newIndex
+                        );
+                    }
+                    else {
+                        updateProps<RectProps | SectorProps>(bgEl, { shape }, animationModel, newIndex);
+                    }
                 }
 
                 let el = oldData.getItemGraphicEl(oldIndex) as BarPossiblePath;
@@ -361,6 +372,11 @@ class BarView extends ChartView {
                     isClipped = clip[coord.type](coordSysClipArea, layout);
                     if (isClipped) {
                         group.remove(el);
+
+                        bgEls[newIndex]?.hide();
+                    }
+                    else {
+                        bgEls[newIndex]?.show();
                     }
                 }
 

diff --git a/test/bar-race-bg.html b/test/bar-race-bg.html
diff --git a/test/runTest/actions/__meta__.json b/test/runTest/actions/__meta__.json
diff --git a/test/runTest/actions/bar-race-bg.json b/test/runTest/actions/bar-race-bg.json