Sparkline

行内的单个系列：80×24，最后一个点以圆点标出。

gpt-534

<div className="flex items-center gap-12 text-body text-fg">
      <span className="mono text-small">gpt-5</span>
      <Sparkline aria-label="Requests over 7 days, rising" values={[12, 18, 15, 22, 28, 26, 34]} />
      <span className="tabular">34</span>
    </div>

import { Sparkline } from "@logicplanes/kaeso-ui";

属性

aria-label
string
图表的无障碍名称（“按模型统计的请求”）。
color
string = var(--k-viz-1)
线条的颜色（默认 var(--k-viz-1)）。传入 seriesColor(id) 可与其他位置的系列颜色一致。
fluid
boolean
以 32px 高度填满容器宽度，不显示最后一个点，例如在统计卡片中。否则尺寸为 80×24。
values
number[]
按顺序排列的值，最早的在前。