diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.scss b/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
index 0e8342fff..df5a584de 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
@@ -156,6 +156,14 @@
}
}
}
+.no-data-tip {
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ color: #bbb;
+ transform: translate(-50%, -50%);
+ font-size: 1rem;
+}
.content-col-box .content-col-title .nz-dashboard-picker {
height: 100%;
}
@@ -198,6 +206,7 @@
justify-content: center;
padding: 0 0.5rem;
border-radius: 0 0 6px 6px;
+ position: relative;
}
.content-row-box:nth-of-type(2) .content-col-box .content-col-content {
padding: 0.7rem;
diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
index 2e9e5e166..a494ee1db 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
@@ -96,6 +96,7 @@
@@ -113,6 +114,7 @@
@@ -127,6 +129,7 @@
@@ -273,7 +278,6 @@
this.assetLoading = false;
if (response.code === 200) {
this.assetData = response.data;
-
/*饼图*/
this.$refs.assetTypePie.startLoading();
let legendData = [];
@@ -521,7 +525,7 @@
rule = "ifHCOutOctets";
}
if (this.trendSearchParam.select.length > 0) {
- console.info("select", this.trendSearchParam.select);
+ //console.info("select", this.trendSearchParam.select);
let dc = [];
let tags = [];
this.trendSearchParam.select.forEach(select => {
@@ -624,7 +628,7 @@
step: bus.getStep(before, end),
query: 'sum(irate(' + rule + metricString + '[' + (this.trendSearchParam.timeRange ? this.trendSearchParam.timeRange : "1h") + ']))'
};
- console.info("params", params);
+ //console.info("params", params);
return params;
},
queryMapChartGeoJson() {
@@ -734,7 +738,8 @@
this.messageByRuleSeries = {
name: 'alertStatByRule',
data: seriesData,
- type: 'bar'
+ type: 'bar',
+ category: categoryData, //自定义,用来判断N/A是否显示
};
this.$refs.ruleMessage.modifyOption('yAxis', 'data', categoryData);
this.$refs.ruleMessage.setSeries(this.messageByRuleSeries);
@@ -755,7 +760,8 @@
this.messageByAssetSeries = {
name: 'alertStatByAsset',
data: seriesData,
- type: 'bar'
+ type: 'bar',
+ category: categoryData
};
this.$refs.assetMessage.modifyOption('yAxis', 'data', categoryData);
this.$refs.assetMessage.setSeries(this.messageByAssetSeries);
@@ -776,7 +782,8 @@
this.messageByModuleSeries = {
name: 'alertStatByModule',
data: seriesData,
- type: 'bar'
+ type: 'bar',
+ category: categoryData
};
this.$refs.moduleMessage.modifyOption('yAxis', 'data', categoryData);
this.$refs.moduleMessage.setSeries(this.messageByModuleSeries);
@@ -788,7 +795,7 @@
this.$get('idc/trafficSetting', {pageSize: -1}).then(response => {
if (response.code === 200) {
this.trafficData = this.convertTrafficData(response.data.list);
- console.info(this.trafficData)
+ //console.info(this.trafficData)
}
});
},
@@ -1094,7 +1101,6 @@
first: for (let i = 0; i < long.length; i++) {
if (i == short.length) {
difference.push([long[i], i]);
- console.info("dd", difference)
break;
}
if (short[i].length != long[i].length) {
@@ -1187,8 +1193,8 @@
},
watch: {
"trendSearchParam.select": function(n, o) {
- console.info("n", n);
- console.info("o", o);
+ /*console.info("n", n);
+ console.info("o", o);*/
this.queryAlertTrendData();
/*let tempN = JSON.parse(JSON.stringify(n));
if (n.length == o.length || !this.trendSearchParam.watch) {