Charts 图表
轻量的 SVG 趋势图和迷你折线，不依赖图表库。
CPU 59%内存 69%
100%75%50%25%0%
2 分钟前1 分钟前现在
近 15 分钟请求量
适合服务监控这类实时小图。复杂图表请用专门的图表库。
安装
pnpm dlx shadcn@latest add https://docs.linasan.cn/r/trend-chart.json第一次装本站的组件前先在项目里执行一次 shadcn init，详见 安装。
用法
import { ChartLegend, TrendChart } from '@/components/charts/trend-chart';
import { Sparkline } from '@/components/charts/sparkline';安装 Sparkline
pnpm dlx shadcn@latest add https://docs.linasan.cn/r/sparkline.json第一次装本站的组件前先在项目里执行一次 shadcn init，详见 安装。
属性
TrendChart
属性
类型
Sparkline
属性
类型