修改图例

src/views/OperationalOverview/components/pileBarChart.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: zhp
  * @Date: 2023-12-27 13:54:52
- * @LastEditTime: 2023-12-29 16:28:26
+ * @LastEditTime: 2024-01-17 10:09:36
  * @LastEditors: zhp
  * @Description:
 -->
 <template>
   <div>
-    <div :id="id" :class="className" :style="{ height: height + 'px', width: width }" />
+    <div :id="id" class="productChart" :style="{ height: height + 'px', width: width }" />
   </div>
 </template>
 
@@ -133,14 +133,17 @@ export default {
       // }
       this.chart.setOption({
         legend: {
+          // top: '2.5%',
+          // right: '20px',
           textStyle: {
             color: '#ffffff'
           }
         },
         grid: {
+          top:'80',
           left: '3%',
           right: '4%',
-          bottom: '3%',
+          // bottom: '3%',
           width: 'auto',
           height: 'auto',
           containLabel: true
@@ -213,3 +216,7 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+
+
+</style>