ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: remove pattern fill from dashboard chart, use gradient only

Browse Source
This commit is contained in:
Usman Baig
2026-03-21 22:49:43 +01:00
parent 9c06a845a0
commit 9e128c4945
1 changed files with 3 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/dashboard/Chart.tsx
View File

@@ -2,7 +2,7 @@
import { useState, useMemo, useRef, useCallback, useEffect } from 'react' import { useState, useMemo, useRef, useCallback, useEffect } from 'react'
import { useTheme } from '@ciphera-net/ui' import { useTheme } from '@ciphera-net/ui'
import { AreaChart as VisxAreaChart, Area as VisxArea, Grid as VisxGrid, XAxis as VisxXAxis, YAxis as VisxYAxis, ChartTooltip as VisxChartTooltip, PatternLines as VisxPatternLines, PatternArea as VisxPatternArea, type TooltipRow } from '@/components/ui/area-chart' import { AreaChart as VisxAreaChart, Area as VisxArea, Grid as VisxGrid, XAxis as VisxXAxis, YAxis as VisxYAxis, ChartTooltip as VisxChartTooltip, type TooltipRow } from '@/components/ui/area-chart'
import { Card, CardContent, CardHeader } from '@/components/ui/card' import { Card, CardContent, CardHeader } from '@/components/ui/card'
import { formatNumber, formatDuration, formatUpdatedAgo, DatePicker } from '@ciphera-net/ui' import { formatNumber, formatDuration, formatUpdatedAgo, DatePicker } from '@ciphera-net/ui'
import { Select, DownloadIcon, PlusIcon, XIcon } from '@ciphera-net/ui' import { Select, DownloadIcon, PlusIcon, XIcon } from '@ciphera-net/ui'
@@ -427,22 +427,14 @@ export default function Chart({
aspectRatio="2.5 / 1" aspectRatio="2.5 / 1"
margin={{ top: 20, right: 20, bottom: 40, left: 50 }} margin={{ top: 20, right: 20, bottom: 40, left: 50 }}
> >
<VisxPatternLines
id="area-pattern"
width={6}
height={6}
orientation={['diagonal']}
stroke={CHART_COLORS[metric]}
strokeWidth={1}
/>
<VisxPatternArea dataKey={metric} fill="url(#area-pattern)" />
<VisxGrid horizontal vertical={false} stroke="var(--chart-grid)" strokeDasharray="4,4" /> <VisxGrid horizontal vertical={false} stroke="var(--chart-grid)" strokeDasharray="4,4" />
<VisxArea <VisxArea
dataKey={metric} dataKey={metric}
fill={CHART_COLORS[metric]} fill={CHART_COLORS[metric]}
fillOpacity={0} fillOpacity={0.15}
stroke={CHART_COLORS[metric]} stroke={CHART_COLORS[metric]}
strokeWidth={2} strokeWidth={2}
gradientToOpacity={0}
/> />
<VisxXAxis numTicks={6} /> <VisxXAxis numTicks={6} />
<VisxYAxis <VisxYAxis