diff --git a/src/label/LabelManager.ts b/src/label/LabelManager.ts
index d20c75f16d..4d471ddb38 100644
--- a/src/label/LabelManager.ts
+++ b/src/label/LabelManager.ts
@@ -18,6 +18,7 @@
 */
 
 // TODO: move labels out of viewport.
+import { DISPLAY_STATES } from '../util/states';
 
 import {
     Text as ZRText,
@@ -54,6 +55,7 @@ import Model from '../model/Model';
 import { prepareLayoutList, hideOverlap, shiftLayoutOnX, shiftLayoutOnY } from './labelLayoutHelper';
 import { labelInner, animateLabelValue } from './labelStyle';
 import { normalizeRadian } from 'zrender/src/contain/util';
+import { TextProps } from 'zrender';
 
 interface LabelDesc {
     label: ZRText
@@ -359,7 +361,6 @@ class LabelManager {
             let needsUpdateLabelLine = false;
             if (layoutOption.x != null) {
                 // TODO width of chart view.
-                label.x = parsePercent(layoutOption.x, width);
                 label.setStyle('x', 0);  // Ignore movement in style. TODO: origin.
                 needsUpdateLabelLine = true;
             }
@@ -370,7 +371,6 @@ class LabelManager {
 
             if (layoutOption.y != null) {
                 // TODO height of chart view.
-                label.y = parsePercent(layoutOption.y, height);
                 label.setStyle('y', 0);  // Ignore movement in style.
                 needsUpdateLabelLine = true;
             }
@@ -397,12 +397,32 @@ class LabelManager {
             label.scaleX = defaultLabelAttr.scaleX;
             label.scaleY = defaultLabelAttr.scaleY;
 
-            for (let k = 0; k < LABEL_OPTION_TO_STYLE_KEYS.length; k++) {
-                const key = LABEL_OPTION_TO_STYLE_KEYS[k];
-                label.setStyle(key, layoutOption[key] != null ? layoutOption[key] : defaultLabelAttr.style[key]);
-            }
+            for (const state of DISPLAY_STATES) {
+                const isNormal = state === 'normal';
+                const labelState = isNormal ? label : label.ensureState(state);
+                if (layoutOption.x != null) {
+                    labelState.x = parsePercent(layoutOption.x, width);
+                }
+
+                if (layoutOption.y != null) {
+                    labelState.y = parsePercent(layoutOption.y, height);
+                }
+
 
+                for (let k = 0; k < LABEL_OPTION_TO_STYLE_KEYS.length; k++) {
+                    const key = LABEL_OPTION_TO_STYLE_KEYS[k];
+                    const val = layoutOption[key];
+                    if (isNormal) {
+                        label.setStyle(key, val != null ? val : defaultLabelAttr.style[key]);
+                    }
+                    else if (val != null) {
+                        labelState.style = labelState.style || {};
+                        (labelState.style[key] as TextProps['style'][typeof key]) = val;
+                    }
+                }
 
+
+            }
             if (layoutOption.draggable) {
                 label.draggable = true;
                 label.cursor = 'move';
diff --git a/test/sunburst-label.html b/test/sunburst-label.html
index 7895a98f84..4926d94e15 100644
--- a/test/sunburst-label.html
+++ b/test/sunburst-label.html
@@ -40,6 +40,7 @@
 
         <div id="main1"></div>
         <div id="main0"></div>
+        <div id="main2"></div>
 
 
 
@@ -237,6 +238,90 @@
         });
     </script>
 
+<script>
+    require([
+        'echarts',
+        // 'map/js/china',
+        // './data/nutrients.json'
+    ], function (echarts) {
+        var option;
+
+        var data = [{
+            name: 'sum',
+            children: [{
+                name:'text1',
+                value: 42,
+                itemStyle: {
+                    color: 'blue'
+                },
+                children: [{
+                    name:'other',
+                    value: 42,
+                    itemStyle: {
+                        color: 'red'
+                    }
+                }]
+            }, {
+                name:'text2',
+                value: 91,
+                itemStyle: {
+                    color: 'green'
+                },
+                children: [{
+                    name:'other',
+                    value: 91,
+                    itemStyle: {
+                        color: 'orange'
+                    }
+                }]
+            }]
+        }];
+
+        option = {
+            series: {
+                radius: ['0%', '80%'],
+                type: 'sunburst',
+                sort: null,
+                highlightPolicy: 'ancestor',
+                nodeClick: 'false',
+                data: data,
+                levels: [
+                    {},
+                    {
+                        label: {align: 'center', rotate: 0}
+                    }
+                ]
+            }
+        };
+
+        var chart = testHelper.create(echarts, 'main2', {
+            title: [
+                'Label shoudn\'t move when labelLayout is set.'
+            ],
+            option: option
+            // height: 300,
+            // buttons: [{text: 'btn-txt', onclick: function () {}}],
+            // recordCanvas: true,
+        });
+        chart.setOption({
+            series: {
+                labelLayout: (p) => ({
+                    x:
+                        p.labelRect.x > chart.getWidth() / 2 ? chart.getWidth() - 100 : 100,
+                    moveOverlap: 'shiftY',
+                    rotate: 0,
+                    align: p.labelRect.x > chart.getWidth() / 2 ? 'left' : 'right',
+                    verticalAlign: 'middle'
+                })
+            }
+        })
+        chart.dispatchAction({
+            type: 'highlight',
+            dataIndex: 2
+        })
+    });
+    </script>
+
 
     </body>
 </html>