MTRAgent、服务器管理、交换机管理

1、MTRAgent丢包趋势图添加最新丢包率值显示
2、服务器管理的图形监控调整出入站流量和丢包的展示顺序
3、交换机管理列表添加唯一标识字段
This commit is contained in:
康冉冉
2025-11-28 18:45:15 +08:00
parent 3370e08295
commit de5badded4
7 changed files with 62 additions and 22 deletions
+25 -1
View File
@@ -142,6 +142,30 @@
label: {
backgroundColor: '#6a7985'
}
},
formatter: !dataXY.tooltipFormatter ? null : function(params) {
// 获取当前悬停的日期
const date = params[0].name;
// 构建提示框HTML内容
let html = `<div>${date}</div>`;
// 遍历所有系列
params.forEach(param => {
let valueparams = param.value;
if (dataXY.tooltipFormatter && dataXY.tooltipFormatter.valueToop) {
let value = dataXY.tooltipFormatter.valueToop;
valueparams = param.value && param.value === value.num ? value.msg : param.value || param.value === 0 ? param.value : '-';
}
// 为每个系列创建一行
html += `
<div style="display: flex; justify-content: space-between; align-items: center; margin: 4px 0;">
<div style="display: flex; align-items: center;">
<span style="display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: ${param.color}; margin-right: 8px;"></span>
<span style="color: #57606f;">${param.seriesName} </span>
</div>
<span style="font-weight: bold; color: #2f3542;margin-left:20px;"> ${valueparams}</span>
</div>`;
});
return html;
}
},
grid: {
@@ -185,7 +209,7 @@
type: 'value',
name: dataXY?.yAxisName || ' ',
nameTextStyle: dataXY && dataXY.unitSelList && dataXY.unitSelList.length > 0 ? {color: 'transparent'} : {}, // 将名称文本颜色设为透明,使其不可见
min: dataXY && dataXY.data && dataXY.data.length > 0 ? null : dataXY && dataXY.dataList && dataXY.dataList[0] && dataXY.dataList[0].data.length > 0 ? null : 0, // 自定义最小刻度(根据业务需求调整,如 0)
min: 0, // 自定义最小刻度(根据业务需求调整,如 0)
max: dataXY && dataXY.data && dataXY.data.length > 0 ? null : dataXY && dataXY.dataList && dataXY.dataList[0] && dataXY.dataList[0].data.length > 0 ? null : 100,
splitLine: {
show: true,