漏斗图调整

src/views/user-path/funnel-data.vue

@@ -195,49 +195,56 @@ export default {
                     }],
                     global: false // 缺省为 false
                 };
-            let myChart = {}, data1 = [], dataArr = [], valueArr = [], lineArr = [], linksArr = [], arrowTop = 0, arrowH = 0, lineTop = 0, lineLeft = 0, lineHeight = 0;
+            let myChart = {}, data1 = [], dataArr = [], valueArr = [], lineArr = [], linksArr = [], arrowTop = 0, arrowH = 0, lineTop = 0, lineLeft = 0, lineHeight = 0, blackH;
             if(len == 2) {
+                blackH = 300;
                 arrowTop = 105;
                 arrowH = 130;
                 lineTop = 50;
                 lineLeft = 250;
                 lineHeight = 306;
             }else if(len == 3) {
+                blackH = 300;
                 arrowTop = 115;
                 arrowH = 130;
                 lineTop = 30;
                 lineLeft = 450;
                 lineHeight = 306;
             }else if(len == 4) {
+                blackH = 300;
                 arrowTop = 88;
                 arrowH = 210;
                 lineTop = 30;
                 lineLeft = 550;
                 lineHeight = 306;
             }else if(len == 5) {
+                blackH = 300;
                 arrowTop = 70;
                 arrowH = 260;
                 lineTop = 20;
                 lineLeft = 570;
                 lineHeight = 346;
             }else if(len == 6) {
+                blackH = 300;
                 arrowTop = 60;
                 arrowH = 300;
                 lineTop = 20;
                 lineLeft = 570;
                 lineHeight = 366;
             }else if(len == 7) {
-                arrowTop = 50;
-                arrowH = 340;
-                lineTop = 10;
-                lineLeft = 450;
-                lineHeight = 406;
+                blackH = 360;
+                arrowTop = 60;
+                arrowH = 390;
+                lineTop = 20;
+                lineLeft = 570;
+                lineHeight = 456;
             }else {
-                arrowTop = 40;
-                arrowH = 360;
+                blackH = 330;
+                arrowTop = 50;
+                arrowH = 390;
                 lineTop = 10;
-                lineLeft = 450;
-                lineHeight = 436;
+                lineLeft = 590;
+                lineHeight = 466;
             }
             for (let i = 0; i < lineargroup.length; i++) {
                 let obj1 = {
@@ -289,9 +296,9 @@ export default {
                 series: [{  // 内容块
                         top: 0,
                         type: 'funnel',
-                        height: 300 + len * 20,   // 块高度
+                        height: blackH + len * 20,   // 块高度
                         gap: 40,  // 块间距
-                        minSize: 200, // 块两边斜度
+                        minSize: 300, // 块两边斜度
                         left: '5%',  // 块左边距离
                         width: '45%', // 块宽度
                         label: {
@@ -299,8 +306,27 @@ export default {
                             position: 'inside',
                             fontSize: '14',
                             formatter: function(d) {
-                                var ins = d.name + '{aa|}\n' + d.data.num;
-                                return ins
+                                var newParamsName = "";
+                                var paramsNameNumber = d.name.length;
+                                var provideNumber = 30;  //一行显示几个字
+                                var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
+                                if (paramsNameNumber > provideNumber) {
+                                    for (var p = 0; p < rowNumber; p++) {
+                                        var tempStr = "";
+                                        var start = p * provideNumber;
+                                        var end = start + provideNumber;
+                                        if (p == rowNumber - 1) {
+                                            tempStr = d.name.substring(start, paramsNameNumber);
+                                        } else {
+                                            tempStr = d.name.substring(start, end) + "\n";
+                                        }
+                                        newParamsName += tempStr;
+                                    }
+
+                                } else {
+                                    newParamsName = d.name;
+                                }
+                                return newParamsName  + '{aa|}\n' + d.data.num
                             },
                             rich: {
                                 aa: {
@@ -520,7 +546,7 @@ export default {
                 .echart {
                     padding-top: 20px;
                     width: 100%;
-                    min-height: 500px;
+                    min-height: 550px;
                 }
                 .data-table {
                     margin-top: 20px;