Ubuntu
25 lines
743 B
TypeScript
25 lines
743 B
TypeScript
import { LineChart } from "@/components/retroui/charts/LineChart";
|
|
|
|
const data = [
|
|
{ time: '00:00', cpu: 20, memory: 40 },
|
|
{ time: '04:00', cpu: 35, memory: 50 },
|
|
{ time: '08:00', cpu: 60, memory: 75 },
|
|
{ time: '12:00', cpu: 80, memory: 85 },
|
|
{ time: '16:00', cpu: 65, memory: 70 },
|
|
{ time: '20:00', cpu: 40, memory: 55 },
|
|
{ time: '24:00', cpu: 25, memory: 45 }
|
|
];
|
|
|
|
export default function LineChartStyleCurved() {
|
|
return (
|
|
<LineChart
|
|
data={data}
|
|
index="time"
|
|
categories={["cpu", "memory"]}
|
|
strokeColors={["var(--destructive)", "var(--warning)"]}
|
|
strokeWidth={3}
|
|
dotSize={6}
|
|
valueFormatter={(value) => `${value}%`}
|
|
/>
|
|
)
|
|
} |