Authored by 王涛

Merge branch 'master-500-dev-lushangqing' into 'master-500-dev'

【1015】 告警概览:告警趋势折线图优化:线上提示文字,X轴文字样式



See merge request !875
@@ -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: {