总看板提交

src/components/totalchart/bottom/bottomRightChart/chart.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
     <Echart
-      :options="options"
-      id="bottomRightChart"
-      height="480px"
-      width="680px"
+        :options="options"
+        id="bottomRightChart"
+        height="480px"
+        width="680px"
     ></Echart>
   </div>
 </template>
@@ -111,33 +111,32 @@ export default {
             subtext: newData.year + '/' + newData.nowdate,
             subtextStyle: {
               color: '#fff',
-              fontSize: 18
+              fontSize: 13
             },
             top: 50,
-            left: 80
+            left: 60
           },
           legend: {
             top: 120,
-            left: 80,
+            left: 60,
             orient: 'vertical',
             itemGap: 15,
-            itemWidth: 14,
-            itemHeight: 14,
+            itemWidth: 12,
+            itemHeight: 12,
             data: ['实际','平均'],
             textStyle: {
               color: '#fff',
-              fontSize: 16
+              fontSize: 13
             }
           },
           tooltip: {
             trigger: 'item'
           },
           radar: {
-            center: ['68%', '27%'],
-            radius: '40%',
+            center: ['80%', '15%'],
+            radius: '20%',
             name: {
-              color: '#fff',
-              fontSize:16
+              color: '#fff'
             },
             splitNumber: 8,
             axisLine: {
@@ -165,27 +164,33 @@ export default {
             indicator: [
               {
                 name: '来料不良',
-                 max: 100
+                max: 85
               },
               {
                 name: '制程不良',
-                max: 100
+                max: 85
               },
               {
                 name: '设计不良',
-                max: 100
+                max: 85
               },
               {
                 name: '其他',
-                max: 100
+                max: 85
               }
-            ]
+            ],
+            axisName: {
+              fontSize: 5
+            },
+            nameGap: 8
           },
           grid: {
-            left: 90,
+            left: 50,
             right: 80,
-            bottom: 40,
-            top: '60%'
+            bottom: 30,
+            height:140,
+            width:1000,
+            top: '40%'
           },
           xAxis: {
             type: 'category',
@@ -193,7 +198,7 @@ export default {
             axisLine: true,
             axisLabel: {
               color: 'rgba(255,255,255,.8)',
-              fontSize: 15
+              fontSize: 12
             },
             data: newData.weekCategory
           },
@@ -224,7 +229,7 @@ export default {
             },
             axisLabel: {
               color: 'rgba(255,255,255,.8)',
-              fontSize: 14
+              fontSize: 12
             }
           },
           series: [
@@ -306,26 +311,19 @@ export default {
                 }
               },
               data: newData.weekLineData,
-              label: {
-                show: true,
-                position: 'top',
-                fontSize:14,
-              },
               lineSmooth: true,
               markLine: {
                 silent: true,
                 data: [
-                  {yAxis: 98}
-                  /*{
+                  {
                     type: 'average',
-                    value:80,
                     name: '平均值'
-                  }*/
+                  }
                 ],
                 precision: 0,
                 label: {
                   normal: {
-                    formatter: '目标线: \n {c}'
+                    formatter: '平均值: \n {c}'
                   }
                 },
                 lineStyle: {