Sankey

从密钥到模型再到服务商的请求流向;悬停节点可追踪其路径。

查看源码
Requests from keys to models to providers
来源目标请求
checkout-webgpt-54,200
checkout-webclaude-sonnet-4-52,100
checkout-workergpt-5-mini3,600
checkout-workerclaude-sonnet-4-5900
ci-runnergpt-5-mini700
gpt-5OpenAI4,200
gpt-5-miniOpenAI4,300
claude-sonnet-4-5Anthropic3,000
import { Sankey } from "@logicplanes/kaeso-ui";

属性

  • aria-label
    string

    图表的无障碍名称(“按模型统计的请求”)。

  • empty
    boolean

    以空状态(emptyText)替代数据。当时间段内没有数据时传入。

  • emptyText
    ReactNode

    空状态显示的文字。默认为 LocaleProvider 语言中的“此时间段内没有数据”。

  • error
    ReactNode

    数据加载失败:图表保持高度,低调地说明情况并提供“重试”。错误以 toast 显示,因此不会显示该值;请在请求失败处用 toast 显示消息。

  • formatValue
    ((v: number) => string) = (v) => formatNumber(v)

    格式化节点旁和数据表中的值。默认为 formatNumber。

  • height
    number = 320

    图示的高度,单位 px(默认 320)。

  • links
    SankeyLinkIn[]

    流向,每个包含 source 和 target 节点的 id 以及 value。

  • loading
    boolean

    数据正在加载:图表保持高度,并显示一条低调的加载条。

  • nodes
    SankeyNodeIn[]

    节点,每个包含 id 和 label。列由连接关系决定。

  • onRetry
    (() => void)

    出现 error 后点击“重试”时调用;不传入时不显示该按钮。