【小技巧】哪吒探针三网延迟想多监控几个ip，或者监控TCPing，但又不想图表太乱，可以默认不显示部分曲线

Step 0

有些小伙伴喜欢在探针里加入很多监控来记录小鸡网络表现，包括TCPing，但是哪吒默认会显示所有曲线，这样就会造成三网监控图表非常之混乱，手动一个一个点灭又非常麻烦。因此发一贴小技巧，让小伙伴可以自行选择默认关闭一些曲线（点击还可以再打开），让画面变得清爽

修改前默认显示效果	修改后默认显示效果

Step 1

登陆后台，去服务页面，从0开始按顺序选择不想显示的服务器

比如我不想显示TCPing的和v6的，那么就让他默认不显示3，4，5，6，7，记作[3, 4, 5, 6, 7]

Step 2

修改network.html，一般在

vim /opt/nezha/dashboard/theme-custom/template/network.html

或者

vim /opt/nezha/dashboard/resource/template/theme-custom/network.html

Step 3

找到这一坨代码

                            markPoint: {
                                data: [
                                    { type: 'max', symbol: 'pin', name: 'Max', itemStyle: { color: rgbaColorMarker }, symbolSize: 30, label: { fontSize: 8 } },
                                    { type: 'min', symbol: 'pin', name: 'Min', itemStyle: { color: rgbaColorMarker }, symbolSize: 30, label: { fontSize: 8, offset: [0, 7.5] }, symbolRotate: 180 }
                                ]
                            }
                    });
                }
                this.option.title.text = monitorInfo.result[0].server_name;
                this.option.series = tSeries;
                this.option.legend.data = tLegendData;
                this.myChart.clear();
                this.myChart.setOption(this.option);
            },

在this.option.title.text = monitorInfo.result[0].server_name;这一句前面插入下面的代码

                let tHideNum = [3, 4, 5, 6, 7];
                let legendSelected = {};
                for (let i = 0; i < tLegendData.length; i  ) {
                    if (tHideNum.includes(i)) {
                        legendSelected[tLegendData[i]] = false;
                    } else {
                        legendSelected[tLegendData[i]] = true;
                    }
                }
                this.option.legend.selected = legendSelected;

注意let tHideNum = [3, 4, 5, 6, 7];这里对应着你上面的选择记录

Step 4

重启面板，即可享用

systemctl restart nezha-dashboard.service

本功能不会加入原版，有需要的小伙伴自行保存收藏