diff --git a/packages/fineui/src/widget/intervalslider/intervalslider.js b/packages/fineui/src/widget/intervalslider/intervalslider.js
index 894ef7a2c..b24a795af 100644
--- a/packages/fineui/src/widget/intervalslider/intervalslider.js
+++ b/packages/fineui/src/widget/intervalslider/intervalslider.js
@@ -31,6 +31,7 @@ export class IntervalSlider extends Single {
         EDITOR_R_GAP: 60,
         EDITOR_HEIGHT: 20,
         SLIDER_WIDTH_HALF: 15,
+        LABEL_HEIGHT: 30,
         SLIDER_WIDTH: 30,
         SLIDER_HEIGHT: 30,
         TRACK_HEIGHT: 24,
@@ -60,6 +61,7 @@ export class IntervalSlider extends Single {
 
     render() {
         const c = this._constant;
+        const o = this.options;
         this.enable = false;
         this.valueOne = "";
         this.valueTwo = "";
@@ -150,7 +152,7 @@ export class IntervalSlider extends Single {
 
         return {
             type: VerticalFillLayout.xtype,
-            rowSize: [30, 30],
+            rowSize: [o.labelHeight || c.LABEL_HEIGHT, o.sliderHeight || c.SLIDER_HEIGHT],
             items: [
                 this._createLabelWrapper(),
                 {
@@ -250,6 +252,7 @@ export class IntervalSlider extends Single {
     }
 
     _createLabelWrapper() {
+        const o = this.options;
         const c = this._constant;
 
         return {
@@ -272,7 +275,7 @@ export class IntervalSlider extends Single {
                         ],
                     },
                 ],
-                height: c.SLIDER_HEIGHT,
+                height: o.labelHeight || c.LABEL_HEIGHT,
             },
             top: 0,
             left: 0,