Authored by 鲁尚清

申报库CPU监控、文书库CPU监控优化

1、没有图例
2、Y轴文字被遮挡(cpu使用率% 修改为 使用率%)
@@ -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%',