From 0eebedac4b01258193e96a563f93f9f72560191d Mon Sep 17 00:00:00 2001
From: makotocc0107 <1424018999@qq.com>
Date: Fri, 30 Aug 2024 15:14:55 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=A2=9E=E6=B7=BB]=E5=A2=9E=E5=8A=A0=E4=BA=86?=
=?UTF-8?q?=E7=BD=91=E7=BB=9C=E6=B5=81=E9=87=8F=E7=9B=91=E6=B5=8B=E7=9A=84?=
=?UTF-8?q?=E8=BF=87=E6=BB=A4=E9=80=89=E6=8B=A9=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.idea/workspace.xml | 37 +++++-
.../app/Filament/Widgets/NetworkMonitor.php | 122 +++++++++++-------
2 files changed, 106 insertions(+), 53 deletions(-)
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 8e19e6e..e4356ba 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,10 +4,9 @@
-
+
-
-
+
@@ -261,7 +260,7 @@
-
+
@@ -423,7 +422,31 @@
1724982245647
-
+
+
+ 1724999128203
+
+
+
+ 1724999128203
+
+
+
+ 1724999132183
+
+
+
+ 1724999132183
+
+
+
+ 1724999173130
+
+
+
+ 1724999173130
+
+
@@ -489,6 +512,8 @@
-
+
+
+
\ No newline at end of file
diff --git a/management-panel/app/Filament/Widgets/NetworkMonitor.php b/management-panel/app/Filament/Widgets/NetworkMonitor.php
index fe2212a..079ca29 100644
--- a/management-panel/app/Filament/Widgets/NetworkMonitor.php
+++ b/management-panel/app/Filament/Widgets/NetworkMonitor.php
@@ -14,70 +14,98 @@ class NetworkMonitor extends ChartWidget
// 固定显示的数据点数
private const MAX_POINTS = 6;
+ // 定义下拉菜单选项
+ protected function getFilters(): array
+ {
+ return [
+ 'upload' => '上传流量',
+ 'download' => '下载流量',
+ ];
+ }
+
protected function getData(): array
{
$prometheus = new PrometheusService();
- // 查询过去 1 分钟内每秒的上传流量
- $uploadQuery = 'rate(node_network_transmit_bytes_total[1m])';
- $uploadResult = $prometheus->queryRange(
- $uploadQuery,
- now()->subMinutes(1)->timestamp,
- now()->timestamp,
- '5s' // 每秒一个数据点
- );
-
- // 查询过去 1 分钟内每秒的下载流量
- $downloadQuery = 'rate(node_network_receive_bytes_total[1m])';
- $downloadResult = $prometheus->queryRange(
- $downloadQuery,
- now()->subMinutes(1)->timestamp,
- now()->timestamp,
- '5s' // 每秒一个数据点
- );
+ // 根据用户选择的过滤器决定查询的流量类型
+ $selectedFilter = $this->filter ?? 'upload';
$labels = [];
$uploadData = [];
$downloadData = [];
- if (!empty($uploadResult['data']['result'][0]['values']) && !empty($downloadResult['data']['result'][0]['values'])) {
- date_default_timezone_set('Asia/Shanghai');
+ if ($selectedFilter === 'upload') {
+ // 查询过去 1 分钟内每秒的上传流量
+ $uploadQuery = 'rate(node_network_transmit_bytes_total[1m])';
+ $uploadResult = $prometheus->queryRange(
+ $uploadQuery,
+ now()->subMinutes(1)->timestamp,
+ now()->timestamp,
+ '5s' // 每秒一个数据点
+ );
- $uploadValues = array_column($uploadResult['data']['result'][0]['values'], 1, 0);
- $downloadValues = array_column($downloadResult['data']['result'][0]['values'], 1, 0);
+ if (!empty($uploadResult['data']['result'][0]['values'])) {
+ $uploadValues = array_column($uploadResult['data']['result'][0]['values'], 1, 0);
- // 获取最新的数据点
- $latestTimestamp = max(array_keys($uploadValues));
+ // 获取最新的数据点
+ $timestamps = array_keys($uploadValues);
+ $timestamps = array_slice($timestamps, -self::MAX_POINTS);
- // 只保留最新的 MAX_POINTS 个数据点
- $timestamps = array_keys($uploadValues);
- $timestamps = array_slice($timestamps, -self::MAX_POINTS);
-
- foreach ($timestamps as $timestamp) {
- $labels[] = date('H:i:s', $timestamp); // 格式化时间戳为小时:分钟:秒
- $uploadData[] = round(floatval($uploadValues[$timestamp]) / (1024 * 1024), 2); // 转换为 MB/s
- $downloadData[] = round(floatval($downloadValues[$timestamp]) / (1024 * 1024), 2); // 转换为 MB/s
+ foreach ($timestamps as $timestamp) {
+ $labels[] = date('H:i:s', $timestamp); // 格式化时间戳为小时:分钟:秒
+ $uploadData[] = round(floatval($uploadValues[$timestamp]) / (1024 * 1024), 2); // 转换为 MB/s
+ }
}
}
+ if ($selectedFilter === 'download') {
+ // 查询过去 1 分钟内每秒的下载流量
+ $downloadQuery = 'rate(node_network_receive_bytes_total[1m])';
+ $downloadResult = $prometheus->queryRange(
+ $downloadQuery,
+ now()->subMinutes(1)->timestamp,
+ now()->timestamp,
+ '5s' // 每秒一个数据点
+ );
+
+ if (!empty($downloadResult['data']['result'][0]['values'])) {
+ $downloadValues = array_column($downloadResult['data']['result'][0]['values'], 1, 0);
+
+ // 获取最新的数据点
+ $timestamps = array_keys($downloadValues);
+ $timestamps = array_slice($timestamps, -self::MAX_POINTS);
+
+ foreach ($timestamps as $timestamp) {
+ $labels[] = date('H:i:s', $timestamp); // 格式化时间戳为小时:分钟:秒
+ $downloadData[] = round(floatval($downloadValues[$timestamp]) / (1024 * 1024), 2); // 转换为 MB/s
+ }
+ }
+ }
+
+ // 处理显示的数据集
+ $datasets = [];
+ if ($selectedFilter === 'upload') {
+ $datasets[] = [
+ 'label' => '上传流量 (MB/s)',
+ 'data' => $uploadData,
+ 'borderColor' => 'rgba(255, 99, 132, 0.6)',
+ 'backgroundColor' => 'rgba(255, 99, 132, 0.2)',
+ 'fill' => false,
+ ];
+ }
+ if ($selectedFilter === 'download') {
+ $datasets[] = [
+ 'label' => '下载流量 (MB/s)',
+ 'data' => $downloadData,
+ 'borderColor' => 'rgba(54, 162, 235, 0.6)',
+ 'backgroundColor' => 'rgba(54, 162, 235, 0.2)',
+ 'fill' => false,
+ ];
+ }
+
return [
'labels' => $labels,
- 'datasets' => [
- [
- 'label' => '上传流量 (MB/s)',
- 'data' => $uploadData,
- 'borderColor' => 'rgba(255, 99, 132, 0.6)',
- 'backgroundColor' => 'rgba(255, 99, 132, 0.2)',
- 'fill' => false,
- ],
- [
- 'label' => '下载流量 (MB/s)',
- 'data' => $downloadData,
- 'borderColor' => 'rgba(54, 162, 235, 0.6)',
- 'backgroundColor' => 'rgba(54, 162, 235, 0.2)',
- 'fill' => false,
- ],
- ],
+ 'datasets' => $datasets,
];
}