pie polar radius支持百分比

doc/example/pie1.html

@@ -96,7 +96,7 @@ option = {
         {
             name:'访问来源',
             type:'pie',
-            radius : [0, 110],
+            radius : '55%',
             center: ['50%', 225],
             data:[
                 {value:335, name:'直接访问'},

doc/example/pie2.html

@@ -91,8 +91,8 @@ option = {
         {
             name:'访问来源',
             type:'pie',
-            radius : [80, 120],
-            itemStyle :　{
+            radius : ['50%', '70%'],
+            itemStyle : {
                 normal : {
                     label : {
                         show : false

src/chart/pie.js

@@ -42,6 +42,7 @@ define(function(require) {
             self.selectedMap = {};
             _selected = {};
             var center;
+            var radius;
 
             var pieCase;        // 饼图箱子
             _selectedMode = false;
@@ -49,20 +50,20 @@ define(function(require) {
                 if (series[i].type == ecConfig.CHART_TYPE_PIE) {
                     series[i] = self.reformOption(series[i]);
                     center = self.parseCenter(series[i].center);
+                    radius = self.parseRadius(series[i].radius);
                     _selectedMode = _selectedMode || series[i].selectedMode;
                     _selected[i] = [];
                     if (self.deepQuery([series[i], option], 'calculable')) {
                         pieCase = {
-                            shape : series[i].radius[0] <= 10
-                                    ? 'circle' : 'ring',
+                            shape : radius[0] <= 10 ? 'circle' : 'ring',
                             zlevel : _zlevelBase,
                             hoverable : false,
                             style : {
                                 x : center[0],          // 圆心横坐标
                                 y : center[1],          // 圆心纵坐标
-                                r0 : series[i].radius[0] <= 10    // 圆环内半径
-                                     ? 0 : series[i].radius[0] - 10,
-                                r : series[i].radius[1] + 10,     // 圆环外半径
+                                // 圆环内外半径
+                                r0 : radius[0] <= 10 ? 0 : radius[0] - 10,
+                                r : radius[1] + 10,
                                 brushType : 'stroke',
                                 strokeColor : series[i].calculableHolderColor
                                               || ecConfig.calculableHolderColor
@@ -118,6 +119,7 @@ define(function(require) {
             var totalAngle = 360 - (minAngle * totalSelected);
             var defaultColor;
             var roseType = serie.roseType;
+            var radius;
             var r0;     // 扇形内半径
             var r1;     // 扇形外半径
 
@@ -147,8 +149,9 @@ define(function(require) {
                 }
                 percent = (percent * 100).toFixed(2);
                 
-                r0 = +serie.radius[0];
-                r1 = +serie.radius[1];
+                radius = self.parseRadius(serie.radius);
+                r0 = +radius[0];
+                r1 = +radius[1];
                 
                 if (roseType == 'radius') {
                     r1 = data[i].value / maxValue * (r1 - r0) * 0.8 
@@ -412,11 +415,11 @@ define(function(require) {
                 var centerX = center[0];                      // 圆心横坐标
                 var centerY = center[1];                      // 圆心纵坐标
                 var midAngle = ((endAngle + startAngle) / 2) % 360; // 角度中值
-                var radius;                                         // 标签位置半径
+                var radius = self.parseRadius(serie.radius);  // 标签位置半径
                 var textAlign;
                 if (labelControl.position == 'outer') {
                     // 外部显示，默认
-                    radius = serie.radius[1]
+                    radius = radius[1]
                              - (-itemStyle[status].labelLine.length)
                              - (-textStyle.fontSize);
                     textAlign = (midAngle >= 150 && midAngle <= 210)
@@ -475,11 +478,6 @@ define(function(require) {
                 else {
                     // 内部显示由sector自带，不返回即可
                     return;
-                    /*
-                    radius = (serie.radius[0] + serie.radius[1]) / 2;
-                    textAlign = 'center';
-                    defaultColor = '#fff';
-                    */
                 }
             }
             else {
@@ -632,16 +630,6 @@ define(function(require) {
                       }
                   );
 
-            // 传数组实现环形图，[内半径，外半径]，传单个则默认为外半径为
-            if (typeof opt.radius == 'undefined') {
-                opt.radius = [
-                    0,
-                    Math.round(Math.min(zr.getWidth(), zr.getHeight()) / 2 - 50)
-                ];
-            } else if (!(opt.radius instanceof Array)) {
-                opt.radius = [0, opt.radius];
-            }
-
             // 通用字体设置
             opt.itemStyle.normal.label.textStyle = _merge(
                 opt.itemStyle.normal.label.textStyle || {},

src/component/base.js

@@ -295,6 +295,21 @@ define(function(require) {
             ];
         }
 
+        /**
+         * 获取自适应半径
+         */ 
+        function parseRadius(radius) {
+            // 传数组实现环形图，[内半径，外半径]，传单个则默认为外半径为
+            if (!(radius instanceof Array)) {
+                radius = [0, radius];
+            }
+            var zrSize = Math.min(self.zr.getWidth(), self.zr.getHeight()) / 2;
+            return [
+                parsePercent(radius[0], zrSize),
+                parsePercent(radius[1], zrSize),
+            ];
+        }
+        
         function _trim(str) {
             return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
         }
@@ -342,6 +357,7 @@ define(function(require) {
         self.addLabel = addLabel;
         self.parsePercent = parsePercent;
         self.parseCenter = parseCenter;
+        self.parseRadius = parseRadius;
         self.clear = clear;
         self.dispose = dispose;
         self.resize = resize;

src/component/polar.js

@@ -67,16 +67,13 @@ define(
                 var length = indicator.length;
                 var startAngle = item.startAngle ;
                 var dStep = 2 * Math.PI / length;
-                var radius = item.radius;
+                var radius = self.parsePercent(
+                    item.radius,
+                    Math.min(zr.getWidth(), zr.getHeight()) / 2
+                );
                 var __ecIndicator = item.__ecIndicator = [];
                 var vector;
 
-                if (typeof radius != 'number') {
-                    radius = Math.floor(
-                        Math.min(_width, _height) / 2 - 50
-                    );
-                }               
-
                 for (var i = 0 ;i < length ; i ++) {
                     vector = ecCoordinates.polar2cartesian(
                         radius, startAngle * Math.PI / 180 + dStep * i
@@ -760,27 +757,6 @@ define(
                 }
             }
 
-            function reformOption(opt) {
-                // 常用方法快捷方式
-                var _merge = zrUtil.merge;
-                opt = _merge(
-                          opt || {},
-                          ecConfig.polar,
-                          {
-                              'overwrite' : false,
-                              'recursive' : true
-                          }
-                      );
-
-                if (!opt.radius) {
-                    opt.radius = Math.floor(
-                        Math.min(_width, _height) / 2 - 50
-                    );
-                }
-
-                return opt;
-            }
-
             /**
              * 获取每个指标上某个value对应的坐标
              * @param {number} polarIndex
@@ -850,6 +826,7 @@ define(
                 var len;
                 var angle;
                 var finalAngle;
+                var zrSize = Math.min(zr.getWidth(), zr.getHeight()) / 2;
                 for (var i = 0 ; i < polar.length; i ++) {
                     item = polar[i];
                     center = getCenter(i);
@@ -859,7 +836,7 @@ define(
                             valueIndex : 0
                         };
                     }
-                    radius = self.deepQuery([item, option], 'radius');
+                    radius = self.parsePercent(item.radius, zrSize);
                     startAngle = item.startAngle;
                     indicator = item.indicator;
                     len = indicator.length;
@@ -917,7 +894,6 @@ define(
             }
 
             self.refresh = refresh;
-            self.reformOption = reformOption;
             self.getVector = getVector;
 
             self.getDropBox = _addDropBox;

src/config.js

@@ -332,7 +332,7 @@ define(function() {
 
         polar : {
             center : ['50%', '50%'],    // 默认全局居中
-            // radius: 'min(width, height) / 2 - 50',
+            radius : '75%',
             startAngle : 90,
             splitNumber : 5,
             name : {
@@ -545,7 +545,7 @@ define(function() {
         // 饼图默认参数
         pie: {
             center : ['50%', '50%'],    // 默认全局居中
-            // radius: [0, min(width, height) / 2 - 50],
+            radius : [0, '75%'],
             startAngle: 90,
             minAngle: 0,                    // 最小角度改为0
             selectedOffset: 10,             // 选中是扇区偏移量
@@ -680,7 +680,6 @@ define(function() {
 
         chord : {
             radius : ['65%', '75%'],
-            // Source data matrix
             center : ['50%', '50%'],
             padding : 2,
             sort : 'none', // can be 'none', 'ascending', 'descending'
@@ -719,6 +718,7 @@ define(function() {
                     }
                 }
             },
+            // Source data matrix
             /**
              *         target
              *    -1--2--3--4--5-