样式调整

src/components/pieChart.vue

@@ -39,7 +39,7 @@ export default {
         color: this.colorArr,
         title: {},
         legend: {
-          icon: "circle",
+          icon: null,
           show: this.legend,
           textStyle: {
             color: "#8BDFFD",
@@ -66,7 +66,7 @@ export default {
             avoidLabelOverlap: true,
             labelLine: {
               length: 20,
-              length2: 10,
+              length2: 20,
               lineStyle: { type: "solid", width: 2 },
             },
             itemStyle: this.withBorder
@@ -78,26 +78,17 @@ export default {
               fontSize: this.labelSize,
               formatter: this.labelFormat && this.labelFormat.join("\n"),
               rich: {
-                hr: {
-                  backgroundColor: "t",
-                  width: 3,
-                  height: 3,
-                  borderRadius: 3,
-                  fontSize: this.isBig ? 18 : this.labelSize,
-                  padding: [3, 3, 0, -12],
-                },
                 name: {
                   color: "#8BDFFD",
                   align: "center",
                   lineHeight: this.labelSize,
                   padding: this.isBig ? [-20, 10, -40, 10] : [-20, 10, -30, 10],
                   fontSize: this.isBig ? 18 : this.labelSize,
-                  height: 20,
                 },
                 sub: {
                   color: "#ffffff",
                   lineHeight: this.labelSize,
-                  padding: [-20, 10, 0, 10],
+                  padding: [0, 10, 0, 10],
                   fontSize: this.isBig ? 18 : this.labelSize,
                 },
               },

src/pages/index/components/business_overview.vue

@@ -6,7 +6,7 @@
         <piechart
           class="model-pie-body"
           id="chart1"
-          :radiusArr="['30%', '50%']"
+          :radiusArr="['0%', '20%']"
           :roseType = "false"
           :colorArr="modelPieColor"
           :labelFormat="['{name|{b}}', '{sub|{@value} {d}%}', '{hr|}']"

src/pages/index/components/demo1.vue

@@ -55,7 +55,7 @@
           :encode="[
             {x: 'month', y: 'hs', seriesName: '户数'},
             {x: 'month', y: 'cs', seriesName: '次数'}]"
-          :labelSize="20"
+          :labelSize="12"
           id="fxdqhszzt"
         />
       </div>

src/pages/index/components/other_analyse.vue

@@ -12,14 +12,14 @@
           :bottom="30"
           :xlabelFormat="xLabelFormat1"
           :top="60"
-          :left="60"
+          :left="80"
           yAxisName="(停车次数)"
           :tooltip="tooltipFormat1"
           :dataset="bardata"
           :encode="[
             {x: 'month', y: 'hs'},
             ]"
-          :labelSize="20"
+          :labelSize="12"
           id="qyfx"
         />
       </div>
@@ -61,7 +61,7 @@
             {x: 'mouth', y: 'cs', seriesName: '路外停车'},
             {x: 'mouth', y: 'hs', seriesName: '路内停车'},
             ]"
-          :labelSize="20"
+          :labelSize="12"
           id="tcfbfx"
         />
       </div>
@@ -84,7 +84,7 @@
             {x: 'mouth', y: 'cs', seriesName: '路外余位'},
             {x: 'mouth', y: 'hs', seriesName: '路内余位'},
             ]"
-          :labelSize="20"
+          :labelSize="12"
           id="ywfx"
         />
       </div>
@@ -147,7 +147,7 @@
           :encode="[
             {x: 'mouth', y: 'hs'},
             ]"
-          :labelSize="20"
+          :labelSize="12"
           id="dlyltcc"
         />
       </div>

src/pages/index/components/parking_area.vue

@@ -166,7 +166,7 @@ export default {
               coordinateSystem: 'amap',
               data: convertData(data),
               symbolSize: function (val) {
-                return val[2] / 40;
+                return val[2] / 20;
               },
               encode: {
                 value: 2
@@ -200,7 +200,7 @@ export default {
                 return b.value - a.value;
               }).slice(0, 10)),
               symbolSize: function (val) {
-                return val[2] / 40;
+                return val[2] / 20;
               },
               encode: {
                 value: 2