Merge branch 'master-500-dev-lushangqing' into 'master-500-dev'
【1015】 告警概览:告警趋势折线图优化:线上提示文字,X轴文字样式 See merge request !875
Showing
1 changed file
with
30 additions
and
7 deletions
@@ -326,18 +326,41 @@ layui.define(['admin', 'form', 'table', 'element', 'sessions', 'common', 'echart | @@ -326,18 +326,41 @@ layui.define(['admin', 'form', 'table', 'element', 'sessions', 'common', 'echart | ||
326 | show: true, | 326 | show: true, |
327 | interval: 0, | 327 | interval: 0, |
328 | rotate: 15, | 328 | rotate: 15, |
329 | + padding:[10,10,0,0], | ||
329 | formatter: val => { | 330 | formatter: val => { |
330 | // 一行字数 | 331 | // 一行字数 |
331 | const max = 6 | 332 | const max = 6 |
332 | // 标签长度 | 333 | // 标签长度 |
333 | - const valLength = val.length | ||
334 | - // 换行数 | ||
335 | - const rowNum = valLength / 6 | ||
336 | - if (valLength > 6) { | ||
337 | - return val.slice(0,5) + '...'; | ||
338 | - } else { | ||
339 | - return val | 334 | + const valLength = val.length; |
335 | + //lsq x轴文字超出6个字符,两行 省略 2022-08-19 | ||
336 | + let newParamsName=''; | ||
337 | + // 总行数 | ||
338 | + const rowNum=Math.ceil(valLength/max) | ||
339 | + if(valLength>max){ | ||
340 | + for(let p=0;p<rowNum;p++){ | ||
341 | + let tempStr=''; | ||
342 | + let start=p*max; | ||
343 | + let end=start+max; | ||
344 | + if(p == rowNum-1){ | ||
345 | + tempStr=val.substring(start,valLength); | ||
346 | + }else{ | ||
347 | + if(p>1){ | ||
348 | + tempStr="..."; | ||
349 | + newParamsName+=tempStr; | ||
350 | + break; | ||
351 | + }else{ | ||
352 | + tempStr=val.substring(start,end); | ||
353 | + if(p<1){ | ||
354 | + tempStr+="\n"; | ||
355 | + } | ||
356 | + } | ||
357 | + } | ||
358 | + newParamsName+=tempStr; | ||
359 | + } | ||
360 | + }else { | ||
361 | + newParamsName = val; | ||
340 | } | 362 | } |
363 | + return newParamsName | ||
341 | } | 364 | } |
342 | }, | 365 | }, |
343 | axisLine: { | 366 | axisLine: { |
-
Please register or login to post a comment