运营驾驶舱对接

src/views/home/components/coresBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="cockpitEffChip" id="coreLineChart" style="height: 219px; width: 100%;"></div>
+  <div ref="cockpitEffChip" id="coreLineChart" style="height: 184px; width: 100%;"></div>
 </template>
 
 <script>
@@ -11,8 +11,8 @@ export default {
   // 接收父组件传递的 series 数据
   props: {
     chartSeries: {
-      type: Array,
-      default: () => [] // 默认空数组，避免报错
+      type: Object,
+      default: () => {{}} // 默认空数组，避免报错
     },
     xAxisData: {
       type: Array,
@@ -68,7 +68,6 @@ export default {
     // 单独提取更新图表的方法，方便复用
     updateChart() {
       if (!this.myChart) return;
-      console.log('this.chartSeries', this.chartSeries,this.xAxisData);
 
       const option = {
         tooltip: {
@@ -78,7 +77,7 @@ export default {
             label: { backgroundColor: '#6a7985' }
           }
         },
-        grid: { top: 35, bottom: 3, right: 15, left: 10, containLabel: true},
+        grid: { top: 35, bottom: 3, right: 15, left: 15, containLabel: true},
         xAxis: [
           {
             type: 'category',
@@ -108,19 +107,14 @@ export default {
           }
         ],
         yAxis: {
-          // type: 'value',
-          name: '元/㎡',
-          // nameLocation:'center',
+          name: this.chartSeries.unit,
           nameTextStyle: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 14, align: 'right' },
-          // min: () => 0,
-          // max: (value) => Math.ceil(value.max),
-
           axisTick: { show: false },
           axisLabel: { color: 'rgba(0, 0, 0, 0.45)', fontSize: 12 },
           splitLine: { lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } },
           axisLine: { show: true, lineStyle: { color: 'rgba(0, 0, 0, 0.15)' } }
         },
-        series: this.chartSeries // 使用父组件传递的 series 数据
+        series: this.chartSeries.series // 使用父组件传递的 series 数据
       };
 
       this.myChart.setOption(option, true); // 第二个参数 true 表示替换现有配置