MTRAgent、服务器管理、交换机管理
1、MTRAgent丢包趋势图添加最新丢包率值显示 2、服务器管理的图形监控调整出入站流量和丢包的展示顺序 3、交换机管理列表添加唯一标识字段
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user