修改图例

src/views/OperationalOverview/components/doubleYChart .vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: zhp
  * @Date: 2023-09-21 09:06:28
- * @LastEditTime: 2024-01-12 10:25:19
+ * @LastEditTime: 2024-01-17 13:56:46
  * @LastEditors: zhp
  * @Description:
 -->
 <template>
   <div>
-    <div :id="id" :class="className" :style="{ height: height + 'px', width: width }" />
+    <div :id="id" class="productChart" :style="{ height:   '390px', width: width }" />
   </div>
 </template>
 
@@ -152,11 +152,12 @@ export default {
           left: "3%",
           right: "5%",
           bottom: "3%",
-          width: 'auto',
-          height: "auto",
           containLabel: true
         },
         legend: {
+          itemWidth: 10,
+          itemHeight: 10,
+          right: '20px',
           data: ['产线产量', '产线良品率'],
           textStyle: {
             fontSize: 12 * this.beilv,
@@ -282,3 +283,8 @@ export default {
   }
 }
 </script>
+<style>
+.productChart{
+  top: -40px;
+}
+</style>