esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Ajusta tooltips e espaçamento nos gráficos de backlog

Browse source
This commit is contained in:
codex-bot 2025-10-21 15:30:19 -03:00
parent dbb8d7fa63
commit c4620102ae
1 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/reports/backlog-report.tsx
View file

@ -31,6 +31,12 @@ const STATUS_LABELS: Record<string, string> = {
RESOLVED: "Resolvidos", RESOLVED: "Resolvidos",
} }
const queueBacklogChartConfig = {
total: {
label: "Chamados totais",
},
}
export function BacklogReport() { export function BacklogReport() {
const [timeRange, setTimeRange] = useState("90d") const [timeRange, setTimeRange] = useState("90d")
const [companyId, setCompanyId] = usePersistentCompanyFilter("all") const [companyId, setCompanyId] = usePersistentCompanyFilter("all")
@ -205,10 +211,10 @@ export function BacklogReport() {
Nenhuma fila com tickets abertos no momento. Nenhuma fila com tickets abertos no momento.
</p> </p>
) : ( ) : (
<ChartContainer config={{}} className="aspect-auto h-[260px] w-full"> <ChartContainer config={queueBacklogChartConfig} className="aspect-auto h-[260px] w-full">
<BarChart <BarChart
data={data.queueCounts.map((q: { name: string; total: number }) => ({ name: q.name, total: q.total }))} data={data.queueCounts.map((q: { name: string; total: number }) => ({ name: q.name, total: q.total }))}
margin={{ left: 12, right: 12, bottom: 28 }} margin={{ top: 8, left: 20, right: 20, bottom: 56 }}
barCategoryGap={16} barCategoryGap={16}
> >
<CartesianGrid vertical={false} /> <CartesianGrid vertical={false} />
@ -216,13 +222,13 @@ export function BacklogReport() {
dataKey="name" dataKey="name"
tickLine={false} tickLine={false}
axisLine={false} axisLine={false}
tickMargin={14} tickMargin={24}
interval={0} interval={0}
angle={-30} angle={-30}
height={68} height={80}
/> />
<Bar dataKey="total" fill="var(--chart-5)" radius={[4, 4, 0, 0]} /> <Bar dataKey="total" fill="var(--chart-5)" radius={[4, 4, 0, 0]} />
<ChartTooltip content={<ChartTooltipContent className="w-[180px]" nameKey="Total" />} /> <ChartTooltip content={<ChartTooltipContent className="w-[180px]" nameKey="total" />} />
</BarChart> </BarChart>
</ChartContainer> </ChartContainer>
)} )}