update

src/views/3DOverview/components/RightContentProductRate.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="height: 10vh; width: 100%; ">
+  <div style="height: calc(100% - 36px); width: 100%;">
     <div :id="id" ref="techy-line-chart" class="techy-chart" />
   </div>
 </template>
@@ -35,12 +35,21 @@ export default {
       option: {
         color: ['#59CBE8', '#E93CAC', '#E93CAC', '#FF7345', '#9452FF', '#6A6E87', '#52FFF1'],
         grid: {
-          top: '5%',
+          top: '20%',
           left: 0,
-          right: '5%',
+          right: 12,
           bottom: 0,
           containLabel: true
         },
+        legend: {
+          width: '72%',
+          right: 12,
+          itemWidth: 12,
+          itemHeight: 8,
+          textStyle: {
+            color: '#fffc'
+          }
+        },
         xAxis: {
           type: 'category',
           boundaryGap: false,
@@ -63,6 +72,12 @@ export default {
         },
         yAxis: {
           type: 'value',
+          name: '成品率',
+          nameTextStyle: {
+            color: '#fffc',
+            align: 'right',
+            fontSize: 8
+          },
           axisLine: {
             show: false
           },