diff --git a/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue b/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue index 4eefc022e..3bbec3aa5 100644 --- a/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue +++ b/nezha-fronted/src/components/page/dashboard/overview/chartConfig.vue @@ -193,7 +193,6 @@ top: 30, left: 0, right: 30, - containLabel: true, bottom:8 }, series: [], @@ -221,14 +220,15 @@ }, data: [], axisLabel: { - show:true, + show: true, formatter: function(value) { - if (value.length > 12) { - return value.substring(0, 9) + "..."; + if (value.length > 33) { + return value.substring(0, 30) + "..."; } return value; }, - fontSize: 10 + align: 'left', + margin: 200, }, triggerEvent: true }, diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue index 3ee2aef32..44adfa5b4 100644 --- a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue +++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue @@ -815,8 +815,6 @@ let seriesData = []; let categoryData = []; response.data.list.forEach(item => { - //seriesData.push(item.nums); - //categoryData.push(item.alertName); seriesData.splice(0, 0, item.nums); categoryData.splice(0, 0, item.alertName); }); @@ -831,7 +829,7 @@ this.$refs.ruleMessage.modifyOption("tooltip", "backgroundColor", "rgba(221,228,237,1)"); this.$refs.ruleMessage.modifyOption("tooltip", "textStyle", {color: "#000"}); this.$refs.ruleMessage.modifyOption("grid", "top", 30); - this.$refs.ruleMessage.modifyOption("grid", "left", 0); + this.$refs.ruleMessage.modifyOption("grid", "left", 200); this.$refs.ruleMessage.modifyOption("grid", "right", 30); this.$refs.ruleMessage.modifyOption("grid", "bottom", 8); this.$refs.ruleMessage.setSeries(this.messageByRuleSeries); @@ -846,8 +844,6 @@ let seriesData = []; let categoryData = []; response.data.list.forEach(item => { - /*seriesData.push(item.nums); - categoryData.push(item.host);*/ seriesData.splice(0, 0, item.nums); categoryData.splice(0, 0, item.host); }); @@ -862,7 +858,7 @@ this.$refs.assetMessage.modifyOption("tooltip", "backgroundColor", "rgba(221,228,237,1)"); this.$refs.assetMessage.modifyOption("tooltip", "textStyle", {color: "#000"}); this.$refs.assetMessage.modifyOption("grid", "top", 30); - this.$refs.assetMessage.modifyOption("grid", "left", 0); + this.$refs.assetMessage.modifyOption("grid", "left", 200); this.$refs.assetMessage.modifyOption("grid", "right", 30); this.$refs.assetMessage.modifyOption("grid", "bottom", 8); this.$refs.assetMessage.setSeries(this.messageByAssetSeries); @@ -877,8 +873,6 @@ let seriesData = []; let categoryData = []; response.data.list.forEach(item => { - /*seriesData.push(item.nums); - categoryData.push(item.module);*/ seriesData.splice(0, 0, item.nums); categoryData.splice(0, 0, item.module); }); @@ -893,7 +887,7 @@ this.$refs.moduleMessage.modifyOption("tooltip", "backgroundColor", "rgba(221,228,237,1)"); this.$refs.moduleMessage.modifyOption("tooltip", "textStyle", {color: "#000"}); this.$refs.moduleMessage.modifyOption("grid", "top", 30); - this.$refs.moduleMessage.modifyOption("grid", "left", 0); + this.$refs.moduleMessage.modifyOption("grid", "left", 200); this.$refs.moduleMessage.modifyOption("grid", "right", 30); this.$refs.moduleMessage.modifyOption("grid", "bottom", 8); this.$refs.moduleMessage.setSeries(this.messageByModuleSeries);