root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add ChartLegend

Browse Source
This commit is contained in:
hamster1963 2024-10-09 23:16:38 +08:00
parent 3361fa1dff
commit a07113a0bf
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/[locale]/(main)/ClientComponents/NetworkChart.tsx
View File

@ -13,6 +13,8 @@ import {
import { import {
ChartConfig, ChartConfig,
ChartContainer, ChartContainer,
ChartLegend,
ChartLegendContent,
ChartTooltip, ChartTooltip,
ChartTooltipContent, ChartTooltipContent,
} from "@/components/ui/chart"; } from "@/components/ui/chart";
@ -228,6 +230,9 @@ export function NetworkChart({
/> />
} }
/> />
{activeChart === defaultChart && (
<ChartLegend content={<ChartLegendContent />} />
)}
{activeChart !== defaultChart && ( {activeChart !== defaultChart && (
<Line <Line
isAnimationActive={false} isAnimationActive={false}

4
components/ui/chart.tsx
View File

@ -280,7 +280,7 @@ const ChartLegendContent = React.forwardRef<
<div <div
ref={ref} ref={ref}
className={cn( className={cn(
"flex items-center justify-center gap-4", "flex flex-wrap items-center justify-center gap-4",
verticalAlign === "top" ? "pb-3" : "pt-3", verticalAlign === "top" ? "pb-3" : "pt-3",
className, className,
)} )}
@ -306,7 +306,7 @@ const ChartLegendContent = React.forwardRef<
}} }}
/> />
)} )}
{itemConfig?.label} {key}
</div> </div>
); );
})} })}