计划进度图 左图添加单独提示

src/views/system/jbdScan/planImplementation/planImplementation.vue

@@ -24,6 +24,9 @@
                     <el-col :span="5">
                         <div :style="{ height: height + 'px'}">
                             <div ref="chart1" class="chart" />
+                            <div class="leftContent">
+                                {{ generalData.leftData.leftContent || '' }}
+                            </div>
                         </div>
 
                     </el-col>
@@ -66,7 +69,8 @@ export default {
                 },
                 leftData: {
                     leftTotal: 0, // 左图数量
-                    title: '' // 左图标题，默认"完成率"
+                    title: '', // 左图标题，默认"完成率"
+                    leftContent: ''
                 },
                 rightCustomShow: false, // 右图自定义
                 rightData: {
@@ -131,6 +135,7 @@ export default {
 
 <style  scoped>
 .stopCenter{
+    min-height: 350px;
     max-height: 800px;
     margin: 20px 30px 20px 30px;
 }
@@ -141,11 +146,17 @@ export default {
 
 .chart{
     width: 100%;
-    height: 300px;
+    height: 250px;
 }
 
 .chart2{
     width: 100%;
     min-height: 300px;
 }
+.leftContent{
+    font-size: 20px;
+    line-height: 30px;
+    padding: 10px;
+    text-align: center;
+}
 </style>

src/views/system/jbdScan/planImplementation/planImplementationJS.js

@@ -33,6 +33,7 @@ export default {
                         min: 0,
                         max: 100,
                         animationDuration: 3000,
+                        center: ['50%', '65%'],
                         axisLine: {
                             lineStyle: {
                                 width: 30,