75 lines
2.3 KiB
PHP
75 lines
2.3 KiB
PHP
<?php
|
|
|
|
namespace App\Livewire;
|
|
|
|
use App\Services\PrometheusService;
|
|
use Filament\Support\RawJs;
|
|
use LaraZeus\InlineChart\InlineChartWidget;
|
|
use phpDocumentor\Reflection\Types\Null_;
|
|
|
|
class MetricWidgetChart extends InlineChartWidget
|
|
{
|
|
private const MAX_POINTS = 24;
|
|
|
|
protected static ?string $maxHeight = '65px';
|
|
|
|
// public int $maxWidth = 1000;
|
|
|
|
|
|
protected function getData(): array
|
|
{
|
|
$prometheus = new PrometheusService();
|
|
$labels = [];
|
|
$data = [];
|
|
|
|
try {
|
|
$query1 = $this->record->name . '{data="real"}';
|
|
|
|
$start = now()->subMinutes(2)->timestamp;
|
|
$end = now()->timestamp;
|
|
$step = 5;
|
|
|
|
// 查询 Prometheus 数据
|
|
$realdata = $prometheus->queryRange($query1, $start, $end, $step);
|
|
|
|
// 检查查询结果是否有数据
|
|
if (!empty($realdata['data']['result']) && !empty($realdata['data']['result'][0]['values'][1])) {
|
|
|
|
// 获取数据
|
|
$realdataValue = array_column($realdata['data']['result'][0]['values'], 1, 0);
|
|
|
|
// 只保留最新的 MAX_POINTS 个数据点
|
|
$timestamps = array_keys($realdataValue);
|
|
$timestamps = array_slice($timestamps, -self::MAX_POINTS);
|
|
|
|
foreach ($timestamps as $timestamp) {
|
|
$labels[] = date('H:i:s', $timestamp); // 格式化时间戳
|
|
$data[] = round(floatval($realdataValue[$timestamp]), 2); // 保留两位小数
|
|
}
|
|
}
|
|
} catch (\Exception $e) {
|
|
error_log('Failed to retrieve data from Prometheus: ' . $e->getMessage());
|
|
// 处理错误，返回默认的空数据集或提示信息
|
|
return [
|
|
'labels' => [],
|
|
'datasets' => [],
|
|
];
|
|
}
|
|
|
|
// 返回格式化后的数据
|
|
return [
|
|
'labels' => $labels,
|
|
'datasets' => [
|
|
[
|
|
'label' => $this->record->name,
|
|
'data' => $data,
|
|
'borderColor' => '#4CAF50',
|
|
'backgroundColor' => 'rgba(76, 175, 80, 0.2)',
|
|
'fill' => true,
|
|
'tension' => 0.2,
|
|
],
|
|
],
|
|
];
|
|
}
|
|
}
|