monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit eb51d7b00865b8d622108f4d446777486ab9194d 1 parent 1e3ddfa1

网卡上行速率/网卡下行速率折线图点击后的title出现null，500-dev迁移过来 #1

Inline Side-by-side
Showing 1 changed file with 87 additions and 11 deletions
@@ -1389,17 +1389,93 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele @@ -1389,17 +1389,93 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
1389 linechart.setOption(option); 1389 linechart.setOption(option);
1390 // 折线图的点击事件 1390 // 折线图的点击事件
1391 linechart.off("click"); 1391 linechart.off("click");
1392 - linechart.on('click', function (v) {  
1393 - var params = {  
1394 - resId: resId,  
1395 - kpiId: kpiId.split(',').length==0?kpiId:kpiId.split(',')[v.componentIndex], //当kpiId为多个时，点击时获取对应kpiId  
1396 - flag: data.series[v.componentIndex].flag,  
1397 - warning: false,  
1398 - ident: true,  
1399 - trend: true,  
1400 - name: (kpiNames&&kpiNames.length>0)?kpiNames[v.componentIndex]:kpiName + ' ' + data.series[v.componentIndex].name //当传入多个kpiName,则将对应kpiId的kpiName获取传入的性能曲线页面  
1401 - };  
1402 - common.openLineChart(kpiName + ' ' + data.series[v.componentIndex].name, params); 1392 + //lsq 网卡上行速率/网卡下行速率折线图点击后的title出现null，500-dev迁移过来 2022-06-30
  1393 + linechart.on('click', function (i) {
  1394 + let array = [];
  1395 + var arrayList;
  1396 + if (kpiName == '网卡上行速率' || kpiName == '网卡下行速率') {
  1397 + if (data) {
  1398 + $.each(data.series, function (i, v) {
  1399 + if (v.flag != null && v.flag != undefined) {
  1400 + array.push(`<span id="selectFlag" class="layui-badge layui-bg-blue" style="margin:2px;z-index:99999">${v.flag}</span>` + "");
  1401 + } else {
  1402 + array.push('<div style="position:absolute;top:50%;left:50%;">无指标</div>')
  1403 + }
  1404 + });
  1405 + arrayList = array.join(" ");
  1406 + if (data.series.length > 1) {
  1407 + let flagSelect = layer.open({
  1408 + title: ['指标flag选择'],
  1409 + type: 1,
  1410 + area: ['30%', '15%'],
  1411 + shadeClose: true,//开启遮罩层
  1412 + id: 'flag_select_div',
  1413 + // content: laytpl(res.body).render(JSON.stringify(params)),
  1414 + content: '<div style="padding: 15px 18px">' + arrayList + '</div>',
  1415 + });
  1416 + $(document).on('click', '#selectFlag', function (v) {
  1417 + layer.close(flagSelect);
  1418 + var seriesName = data.series[i.componentIndex].name;
  1419 + if (seriesName == null || seriesName == undefined) {
  1420 + seriesName = '';
  1421 + }
  1422 + var seriesFlag = data.series[i.componentIndex].flag;
  1423 + if (seriesFlag == null || seriesFlag == undefined) {
  1424 + seriesFlag = '';
  1425 + }
  1426 + var params = {
  1427 + resId: resId,
  1428 + kpiId: kpiId,
  1429 + flag: seriesFlag,
  1430 + warning: false,
  1431 + ident: true,
  1432 + trend: true,
  1433 + name: (kpiNames && kpiNames.length > 0) ? kpiNames[i.componentIndex] : kpiName + ' ' + seriesName //当传入多个kpiName,则将对应kpiId的kpiName获取传入的性能曲线页面
  1434 + };
  1435 + common.openLineChart(kpiName + ' ' + seriesName, params);
  1436 + });
  1437 + } else {
  1438 + var seriesName = data.series[i.componentIndex].name;
  1439 + if (seriesName == null || seriesName == undefined) {
  1440 + seriesName = '';
  1441 + }
  1442 + var seriesFlag = data.series[i.componentIndex].flag;
  1443 + if (seriesFlag == null || seriesFlag == undefined) {
  1444 + seriesFlag = '';
  1445 + }
  1446 + var params = {
  1447 + resId: resId,
  1448 + kpiId: kpiId,
  1449 + flag: seriesFlag,
  1450 + warning: false,
  1451 + ident: true,
  1452 + trend: true,
  1453 + name: (kpiNames && kpiNames.length > 0) ? kpiNames[i.componentIndex] : kpiName + ' ' + seriesName //当传入多个kpiName,则将对应kpiId的kpiName获取传入的性能曲线页面
  1454 + };
  1455 + common.openLineChart(kpiName + ' ' + seriesName, params);
  1456 + }
  1457 + }
  1458 +
  1459 + } else {
  1460 + var seriesName = data.series[i.componentIndex].name;
  1461 + if (seriesName == null || seriesName == undefined) {
  1462 + seriesName = '';
  1463 + }
  1464 + var seriesFlag = data.series[i.componentIndex].flag;
  1465 + if (seriesFlag == null || seriesFlag == undefined) {
  1466 + seriesFlag = '';
  1467 + }
  1468 + var params = {
  1469 + resId: resId,
  1470 + kpiId: kpiId,
  1471 + flag: seriesFlag,
  1472 + warning: false,
  1473 + ident: true,
  1474 + trend: true,
  1475 + name: (kpiNames && kpiNames.length > 0) ? kpiNames[i.componentIndex] : kpiName + ' ' + seriesName //当传入多个kpiName,则将对应kpiId的kpiName获取传入的性能曲线页面
  1476 + };
  1477 + common.openLineChart(kpiName + ' ' + seriesName, params);
  1478 + }
1403 }); 1479 });
1404 }); 1480 });
1405 }, 1481 },