sysadminix/aerbim-ht-monitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Linked backend data to detectors' meshes.

Browse Source
This commit is contained in:
iv_vuytsik
2025-10-20 11:02:34 +03:00
parent aeda917001
commit 66e2bab683
15 changed files with 546 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/components/dashboard/BarChart.tsx
View File

@@ -13,8 +13,8 @@ interface BarChartProps {
data?: ChartDataPoint[]
}
const BarChart: React.FC<BarChartProps> = ({ className = '' }) => {
const barData = [
const BarChart: React.FC<BarChartProps> = ({ className = '', data }) => {
const defaultData = [
{ value: 80, color: 'rgb(42, 157, 144)' },
{ value: 65, color: 'rgb(42, 157, 144)' },
{ value: 90, color: 'rgb(42, 157, 144)' },
@@ -29,6 +29,12 @@ const BarChart: React.FC<BarChartProps> = ({ className = '' }) => {
{ value: 80, color: 'rgb(42, 157, 144)' }
]
const barData = (Array.isArray(data) && data.length > 0)
? data.map(d => ({ value: d.value, color: d.color || 'rgb(42, 157, 144)' }))
: defaultData
const maxVal = Math.max(...barData.map(b => b.value || 0), 1)
return (
<div className={`w-full h-full ${className}`}>
<svg className="w-full h-full" viewBox="0 0 635 200">
@@ -37,7 +43,7 @@ const BarChart: React.FC<BarChartProps> = ({ className = '' }) => {
const barWidth = 40
const barSpacing = 12
const x = index * (barWidth + barSpacing) + 20
const barHeight = (bar.value / 100) * 160
const barHeight = (bar.value / maxVal) * 160
const y = 180 - barHeight
return (