diff --git a/nezha-fronted/src/components/charts/chart-list.vue b/nezha-fronted/src/components/charts/chart-list.vue index 06cd224f8..ba9f75194 100644 --- a/nezha-fronted/src/components/charts/chart-list.vue +++ b/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: '', diff --git a/nezha-fronted/src/components/charts/line-chart-block.vue b/nezha-fronted/src/components/charts/line-chart-block.vue index 2b1c79f48..736fd0b9e 100644 --- a/nezha-fronted/src/components/charts/line-chart-block.vue +++ b/nezha-fronted/src/components/charts/line-chart-block.vue @@ -625,6 +625,9 @@ width: 1 } }, + axisLine: { + show: false + }, axisTick: { show: false }, diff --git a/nezha-fronted/src/components/page/dashboard/overview/chart.vue b/nezha-fronted/src/components/page/dashboard/overview/chart.vue index ec3e76bf5..af617d17d 100644 --- a/nezha-fronted/src/components/page/dashboard/overview/chart.vue +++ b/nezha-fronted/src/components/page/dashboard/overview/chart.vue @@ -5,6 +5,7 @@
{{chartTitle}}
+
No data
@@ -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) - this.$set(this.option,'series',this.series); + 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); + } + - this.chart.clear(); - this.chart.setOption(this.option); //坐标轴label鼠标悬浮提示 if (this.axisTooltip) { let tooltipDom = document.querySelector(".axis-tooltip"); diff --git a/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue b/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue index 69692758d..8ab4e9f4e 100644 --- a/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue +++ b/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 },