From 8b6ddaecc4e86e28506d6f7c3e6998be80144e96 Mon Sep 17 00:00:00 2001 From: Mayur Date: Mon, 29 Dec 2025 18:21:01 -0500 Subject: [PATCH 1/2] fix: Add border radius to slider background rectangle --- src/component/dataZoom/SliderZoomView.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/component/dataZoom/SliderZoomView.ts b/src/component/dataZoom/SliderZoomView.ts index 30422c9c52..357e119eac 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'); 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') From abe0b5854215a6635a1566db5f19f741685c3f91 Mon Sep 17 00:00:00 2001 From: Mayur Date: Mon, 29 Dec 2025 18:37:42 -0500 Subject: [PATCH 2/2] Update src/component/dataZoom/SliderZoomView.ts Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- src/component/dataZoom/SliderZoomView.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/component/dataZoom/SliderZoomView.ts b/src/component/dataZoom/SliderZoomView.ts index 357e119eac..5ea466c491 100644 --- a/src/component/dataZoom/SliderZoomView.ts +++ b/src/component/dataZoom/SliderZoomView.ts @@ -311,7 +311,7 @@ class SliderZoomView extends DataZoomView { const size = this._size; const barGroup = this._displayables.sliderGroup; const brushSelect = dataZoomModel.get('brushSelect'); - const borderRadius = dataZoomModel.get('borderRadius'); + const borderRadius = dataZoomModel.get('borderRadius') || 0; barGroup.add(new Rect({ silent: true,