feat：修改overview的type为ruleBar的显示

nezha-fronted/src/components/page/dashboard/overview/chart.vue

@@ -58,9 +58,10 @@
     created() {
       this.option=chartConfig.getOption(this.chartType);
       if(this.chartType==='ruleBar'){
+        this.option.yAxis.position='right';
         this.option.yAxis.axisLabel.formatter=function(value) {
-          if (value.length > 12) {
+          if (value.length > 15) {
-            return value.substring(0, 12) + "...";
+            return value.substring(0, 15) + "...";
           }else{
             return value
           }

nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue

@@ -203,8 +203,8 @@
       },
       grid: {
         top: 60,
-        left: 100,
+        left: 30,
-        right: 30,
+        right: 120,
         bottom: 60,
       },
       series: [],
@@ -224,7 +224,8 @@
         axisLabel: {
           show:true,
           fontSize: 14
-        }
+        },
+        inverse:true
       },
       yAxis: {
         type: 'category',

nezha-fronted/src/components/page/dashboard/overview/overview2.scss

@@ -395,6 +395,9 @@
   font-weight: 600;
   padding-bottom: 10px;
 }
+.yAxis-text-style{
+  white-space: nowrap;
+}
 .overview {
   .tooltip--row {
     display: flex;

nezha-fronted/src/components/page/dashboard/overview/overview2.vue

@@ -196,7 +196,7 @@
         </div>
       </div>
     </div>
-    <div class="axis-tooltip el-popover"></div>
+    <div class="axis-tooltip el-popover yAxis-text-style"></div>
     <!--用于assetType饼图label-->
     <img src='../../../../assets/img/up.png' id="upPic" style="display: none;">
     <img src='../../../../assets/img/down.png' id="downPic" style="display: none;">