diff --git a/src/component/dataZoom/SliderZoomView.ts b/src/component/dataZoom/SliderZoomView.ts
index 30422c9c52..5ea466c491 100644
--- a/src/component/dataZoom/SliderZoomView.ts
+++ b/src/component/dataZoom/SliderZoomView.ts
@@ -311,11 +311,13 @@ class SliderZoomView extends DataZoomView {
         const size = this._size;
         const barGroup = this._displayables.sliderGroup;
         const brushSelect = dataZoomModel.get('brushSelect');
+        const borderRadius = dataZoomModel.get('borderRadius') || 0;
 
         barGroup.add(new Rect({
             silent: true,
             shape: {
-                x: 0, y: 0, width: size[0], height: size[1]
+                x: 0, y: 0, width: size[0], height: size[1],
+                r: borderRadius
             },
             style: {
                 fill: dataZoomModel.get('backgroundColor')