统计模块统计图表样式调整

src/views/tj/compoent/PieData.vue

@@ -65,14 +65,13 @@ export default {
           // orient: 'vertical',//图例的显示方式  默认横向显示
           type:'scroll', //图例滚动效果
           bottom: 10,//控制图例出现的距离  默认左上角
-
           // itemWidth: 16,//图例颜色块的宽度和高度
           // itemHeight: 12,
           textStyle: {//图例中文字的样式
             color: '#000',
-            fontSize: 14
+            fontSize: 13
           },
-          data: ['出让', '划拨', '作价出资','转让','其他']//图例上显示的饼图各模块上的名字
+          // data: ['出让', '划拨', '作价出资','授权经营','转让','其他']//图例上显示的饼图各模块上的名字
         },
         //饼图中各模块的颜色
         color: ['#37a2da','#32c5e9','#9fe6b8','#ffdb5c','#ff9f7f','#fb7293','#e7bcf3','#8378ea'],

src/views/tj/compoent/PieQdfsMj.vue

@@ -71,7 +71,7 @@ export default {
             color: '#000',
             fontSize: 13
           },
-          data: ['出让', '划拨', '作价出资','转让','其他']//图例上显示的饼图各模块上的名字
+          // data: ['出让', '划拨', '作价出资','转让','其他']//图例上显示的饼图各模块上的名字
         },
         //饼图中各模块的颜色
         color: ['#7eacea', '#e15777', '#95ea71', '#ea9b4f', '#7577df', '#be72d8', '#fff'],

src/views/tj/compoent/map3Data.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div style="width:800px;height:600px" ref="chartsDOM"></div>
+    <div style="width:calc(100% - 0px);;height:630px" ref="chartsDOM"></div>
   </div>
 
 
@@ -217,7 +217,7 @@ export default {
           borderColor: '#409eff',
           backgroundColor: 'rgba(255,255,255,0.9)',
           formatter: function (params) {
-            return params.name + ':' + '</br>' + "地块数量:" + params.value + '块' + '</br>' + "实际占用总面积:" + parseFloat(params.data.value2).toFixed(2) + "亩"
+            return params.name + '</br>' + "地块数量：" + params.value + '块' + '</br>' + "实际占用总面积：" + parseFloat(params.data.value2).toFixed(2) + "亩"
           },
 
         },
@@ -394,6 +394,7 @@ export default {
         });
       })
       myChart.setOption(option);
+      myChart.resize();
     },
 
   }

src/views/tj/compoent/mapData.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="width:850px;height:600px" ref="chartsDOM"></div>
+  <div style="calc(100% - 0px);height:600px" ref="chartsDOM"></div>
 </template>
 
 <script>
@@ -81,7 +81,7 @@ export default {
           },
           tooltip: {
             formatter: function (params) {
-              return params.name + ':' + '</br>' + "地块数量:" + params.value + '块' + '</br>'+"实际占用总面积:"+params.data.value2.toFixed(2)+"亩"
+              return params.name + '</br>' + "地块数量：" + params.value + '块' + '</br>'+"实际占用总面积："+params.data.value2.toFixed(2)+"亩"
             },
           },
 
@@ -113,6 +113,7 @@ export default {
 
         };
         myChart.setOption(option);
+        myChart.resize();
       })
     }
 

src/views/tj/sjtjModules.vue

@@ -280,7 +280,7 @@
                      :result-x-data="this.resYDatas"
                      :seriesName="'地块面积（亩）'"
                      :dw="this.dw" @visible="visibleInfoYjdw"
-                     style="width:1600px ;height:300px;">
+                     style="width:calc(100% - 0px);height:300px;">
 
             </BarData>
           </a-card>