fix:图表样式修改

nezha-fronted/src/components/charts/chart-list.vue

@@ -753,6 +753,10 @@
                                 smooth: 0.2,  //曲线变平滑
                                 showSymbol: false,
                                 data: [],
+                                lineStyle: {
+                                  width: 1,
+                                  opacity: 0.9
+                                },
                                 type: chartInfo.type,
                               },
                               metric_name: '',

nezha-fronted/src/components/charts/line-chart-block.vue

@@ -625,6 +625,9 @@
                 width: 1
               }
             },
+            axisLine: {
+              show: false
+            },
             axisTick: {
               show: false
             },

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

@@ -5,6 +5,7 @@
     <div class="chart-header">{{chartTitle}}</div>
 
     <div class="chart-body" ref="chartBody" :id="chartId" ></div>
+    <div style="position: absolute;top:50%;left:50%;" v-show="noData">No data</div>
 
     <div class="legend-container legend-container-screen" id="legendArea" ref="legendArea" v-show="legend.length>0" v-scrollBar:legend>
       <div v-for="(item, index) in legend" :title="item.alias?item.alias:item.name"  @click="clickLegend(item.name,index)" class="legend-item" :class="{'ft-gr':item.isGray}" :key="'legend_' + item.name+'_'+index">
@@ -46,6 +47,7 @@
         chartId: this.name + '-'+this.guid()+'-'+new Date().getTime(),
         legend:[],
         colors:chartConfig.getBgColorList(),
+        noData:false,
       }
     },
     created() {
@@ -99,10 +101,19 @@
           }
         }
         // console.log(this.option)
+        if(this.series&&this.series.length>0){
           this.$set(this.option,'series',this.series);
-
+          this.noData=false;
           this.chart.clear();
           this.chart.setOption(this.option);
+        }else{
+          this.noData=true;
+          let option=chartConfig.getOption('noData');
+          this.chart.clear();
+          this.chart.setOption(option);
+        }
+
+
         //坐标轴label鼠标悬浮提示
         if (this.axisTooltip) {
           let tooltipDom = document.querySelector(".axis-tooltip");

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

@@ -88,6 +88,12 @@
         axisPointer: {//y轴上显示指针对应的值
           show: true,
         },
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
         splitLine:{
           show:true,
           lineStyle: {
@@ -107,6 +113,12 @@
             width: 1
           }
         },
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
         axisLabel: {
           // formatter:null,
         },
@@ -336,6 +348,9 @@
         splitLine:{
           show:true
         },
+        axisLine: {
+          show: false
+        },
         axisTick: {
           show: false
         },
@@ -346,6 +361,9 @@
         splitLine:{
           show:true
         },
+        axisLine: {
+          show: false
+        },
         axisTick: {
           show: false
         },