refactor(sunburst): update with doc

src/chart/sunburst/SunburstPiece.js

@@ -83,7 +83,7 @@ SunburstPieceProto.updateData = function (
     style = zrUtil.defaults(
         {
             lineJoin: 'bevel',
-            fill: visualColor
+            fill: style.fill || visualColor
         },
         style
     );
@@ -132,8 +132,11 @@ SunburstPieceProto.updateData = function (
 SunburstPieceProto.onEmphasis = function (highlightPolicy) {
     var that = this;
     this.node.hostTree.root.eachNode(function (n) {
-        if (that.node !== n && n.piece) {
-            if (isNodeHighlighted(n, that.node, highlightPolicy)) {
+        if (n.piece) {
+            if (that.node === n) {
+                n.piece.updateData(false, n, 'emphasis');
+            }
+            else if (isNodeHighlighted(n, that.node, highlightPolicy)) {
                 n.piece.childAt(0).trigger('highlight');
             }
             else if (highlightPolicy !== NodeHighlightPolicy.NONE) {
@@ -192,16 +195,14 @@ SunburstPieceProto._updateLabel = function (seriesModel, ecModel, visualColor) {
 
     var r;
     var labelPosition = labelModel.get('position');
-    var labelPadding = labelModel.get('padding') || 0;
+    var labelPadding = labelModel.get('distance') || 0;
     var textAlign = labelModel.get('align');
     if (labelPosition === 'outside') {
         r = layout.r + labelPadding;
-        if (!textAlign) {
-            textAlign = midAngle > Math.PI / 2 ? 'right' : 'left';
-        }
+        textAlign = midAngle > Math.PI / 2 ? 'right' : 'left';
     }
     else {
-        if (!textAlign) {
+        if (!textAlign || textAlign === 'center') {
             r = (layout.r + layout.r0) / 2;
             textAlign = 'center';
         }
@@ -246,6 +247,8 @@ SunburstPieceProto._updateLabel = function (seriesModel, ecModel, visualColor) {
         else if (rotate < -Math.PI / 2) {
             rotate += Math.PI;
         }
+    } else if (typeof rotateType === 'number') {
+        rotate = rotateType * Math.PI / 180;
     }
     label.attr('rotation', rotate);
 };
@@ -256,8 +259,6 @@ SunburstPieceProto._initEvents = function (
     seriesModel,
     highlightPolicy
 ) {
-    var itemModel = node.getModel();
-
     sector.off('mouseover').off('mouseout').off('emphasis').off('normal');
 
     var that = this;
@@ -274,7 +275,7 @@ SunburstPieceProto._initEvents = function (
         that.onHighlight();
     };
 
-    if (itemModel.get('hoverAnimation') && seriesModel.isAnimationEnabled()) {
+    if (seriesModel.isAnimationEnabled()) {
         sector
             .on('mouseover', onEmphasis)
             .on('mouseout', onNormal)
@@ -351,7 +352,7 @@ function isNodeHighlighted(node, activeNode, policy) {
         return node === activeNode;
     }
     else if (policy === NodeHighlightPolicy.ANCESTOR) {
-        return  node === activeNode || node.isAncestorOf(activeNode);
+        return node === activeNode || node.isAncestorOf(activeNode);
     }
     else {
         return node === activeNode || node.isDescendantOf(activeNode);

src/chart/sunburst/SunburstSeries.js

@@ -51,9 +51,7 @@ export default SeriesModel.extend({
     defaultOption: {
         zlevel: 0,
         z: 2,
-        legendHoverLink: true,
 
-        hoverAnimation: true,
         // 默认全局居中
         center: ['50%', '50%'],
         radius: [0, '75%'],
@@ -83,11 +81,11 @@ export default SeriesModel.extend({
             rotate: 'radial',
             show: true,
             opacity: 1,
-            // could be 'inner', 'outside', 'left' or 'right'
             // 'left' is for inner side of inside, and 'right' is for outter
             // side for inside
-            position: 'inner',
-            padding: 5,
+            align: 'center',
+            position: 'inside',
+            distance: 5,
             silent: true,
             emphasis: {}
         },
@@ -100,14 +98,14 @@ export default SeriesModel.extend({
                 opacity: 1
             },
             downplay: {
-                opacity: 0.6
+                opacity: 0.9
             }
         },
 
         // Animation type canbe expansion, scale
         animationType: 'expansion',
         animationDuration: 1000,
-        animationUpdateDuration: 500,
+        animationDurationUpdate: 500,
         animationEasing: 'cubicOut',
 
         data: [],

src/chart/sunburst/sunburstAction.js

@@ -64,10 +64,10 @@ echarts.registerAction(
 
         ecModel.eachComponent(
             {mainType: 'series', subType: 'sunburst', query: payload},
-            handleUnighlight
+            handleUnhighlight
         );
 
-        function handleUnighlight(model, index) {
+        function handleUnhighlight(model, index) {
             payload.unhighlight = true;
         }
     }