申报库CPU监控、文书库CPU监控优化
1、没有图例 2、Y轴文字被遮挡(cpu使用率% 修改为 使用率%)
Showing
2 changed files
with
25 additions
and
8 deletions
@@ -13,7 +13,7 @@ export default { | @@ -13,7 +13,7 @@ export default { | ||
13 | allData: { | 13 | allData: { |
14 | polyline: { | 14 | polyline: { |
15 | title: "申报库CPU监控", | 15 | title: "申报库CPU监控", |
16 | - unit: "cpu使用率%", | 16 | + unit: "使用率%", |
17 | data: [{ | 17 | data: [{ |
18 | name: "80.12.97.3", | 18 | name: "80.12.97.3", |
19 | datas: ["12","15","21","18","20","37","45","23","12","5","7","14"] | 19 | datas: ["12","15","21","18","20","37","45","23","12","5","7","14"] |
@@ -109,8 +109,15 @@ export default { | @@ -109,8 +109,15 @@ export default { | ||
109 | 109 | ||
110 | } | 110 | } |
111 | that.allData.polyline.data.push(resData.series[0]) | 111 | that.allData.polyline.data.push(resData.series[0]) |
112 | - that.updateChart() | 112 | + that.allData.polyline.data.map((item,index)=>{ |
113 | + if(index==0){ | ||
114 | + item.name="80.12.97.3" | ||
115 | + }else{ | ||
116 | + item.name="80.12.97.2" | ||
113 | 117 | ||
118 | + } | ||
119 | + }) | ||
120 | + that.updateChart() | ||
114 | 121 | ||
115 | }); | 122 | }); |
116 | }, | 123 | }, |
@@ -143,7 +150,7 @@ export default { | @@ -143,7 +150,7 @@ export default { | ||
143 | that.allData = { | 150 | that.allData = { |
144 | polyline: { | 151 | polyline: { |
145 | title: "申报库CPU监控", | 152 | title: "申报库CPU监控", |
146 | - unit: "cpu使用率%", | 153 | + unit: "使用率%", |
147 | data: seriesData1 | 154 | data: seriesData1 |
148 | }, | 155 | }, |
149 | xAxis: { | 156 | xAxis: { |
@@ -251,7 +258,8 @@ export default { | @@ -251,7 +258,8 @@ export default { | ||
251 | 258 | ||
252 | }, | 259 | }, |
253 | legend: { | 260 | legend: { |
254 | - data: ["80.12.97.3","80.12.97.2"], | 261 | + // data: ["80.12.97.3","80.12.97.2"], |
262 | + data: legendArr, | ||
255 | itemHeight:0,//图例圆圈大小设置 | 263 | itemHeight:0,//图例圆圈大小设置 |
256 | right: '5%', | 264 | right: '5%', |
257 | top: '5%', | 265 | top: '5%', |
@@ -286,7 +294,7 @@ export default { | @@ -286,7 +294,7 @@ export default { | ||
286 | }, | 294 | }, |
287 | yAxis: { | 295 | yAxis: { |
288 | type: 'value', | 296 | type: 'value', |
289 | - name:'cpu使用率%', | 297 | + name:unit, |
290 | nameTextStyle:{ | 298 | nameTextStyle:{ |
291 | color:'#ffffff', | 299 | color:'#ffffff', |
292 | padding:[0,0,0,-20] | 300 | padding:[0,0,0,-20] |
@@ -12,7 +12,7 @@ export default { | @@ -12,7 +12,7 @@ export default { | ||
12 | allData: { | 12 | allData: { |
13 | polyline: { | 13 | polyline: { |
14 | title: "文书库CPU监控", | 14 | title: "文书库CPU监控", |
15 | - unit: "cpu使用率%", | 15 | + unit: "使用率%", |
16 | data: [{ | 16 | data: [{ |
17 | name: "80.12.97.7", | 17 | name: "80.12.97.7", |
18 | data: ["12","15","21","18","20","37","45","23","12","5","7","14"] | 18 | data: ["12","15","21","18","20","37","45","23","12","5","7","14"] |
@@ -104,6 +104,14 @@ export default { | @@ -104,6 +104,14 @@ export default { | ||
104 | resData=that.res2.data | 104 | resData=that.res2.data |
105 | } | 105 | } |
106 | that.allData.polyline.data.push(resData.series[0]) | 106 | that.allData.polyline.data.push(resData.series[0]) |
107 | + that.allData.polyline.data.map((item,index)=>{ | ||
108 | + if(index==0){ | ||
109 | + item.name="80.12.97.7" | ||
110 | + }else{ | ||
111 | + item.name="80.12.97.8" | ||
112 | + | ||
113 | + } | ||
114 | + }) | ||
107 | that.updateChart() | 115 | that.updateChart() |
108 | }); | 116 | }); |
109 | }, | 117 | }, |
@@ -135,7 +143,7 @@ export default { | @@ -135,7 +143,7 @@ export default { | ||
135 | that.allData = { | 143 | that.allData = { |
136 | polyline: { | 144 | polyline: { |
137 | title: "文书库CPU监控", | 145 | title: "文书库CPU监控", |
138 | - unit: "cpu使用率%", | 146 | + unit: "使用率%", |
139 | data: seriesData1 | 147 | data: seriesData1 |
140 | }, | 148 | }, |
141 | xAxis: { | 149 | xAxis: { |
@@ -237,7 +245,8 @@ export default { | @@ -237,7 +245,8 @@ export default { | ||
237 | 245 | ||
238 | }, | 246 | }, |
239 | legend: { | 247 | legend: { |
240 | - data: ["80.12.97.7","80.12.97.8"], | 248 | + // data: ["80.12.97.7","80.12.97.8"], |
249 | + data: legendArr, | ||
241 | itemHeight:0,//图例圆圈大小设置 | 250 | itemHeight:0,//图例圆圈大小设置 |
242 | right: '5%', | 251 | right: '5%', |
243 | top: '5%', | 252 | top: '5%', |
-
Please register or login to post a comment