开发预览 更新于 2026-05-10

BoxPlot 箱线图

统计分布的 5 数概要 + outliers。

基础用法

数据通过 props 传入,纯 SVG 渲染,无第三方图表库依赖。 配色取自 --viz-1..8 token,色盲友好。

p50p75p95p99
<CfBoxPlot ... />
<CfBoxPlot ... />

API 延迟分布

4 个 API 的 p25/median/p75 + outliers,竖线显示完整 min-max 范围。

/login/orders/checkout/payment
<CfBoxPlot :data="apis" />
<CfBoxPlot data={apis} />

API

属性类型默认值说明
dataBoxStat[]{ label, min, q1, median, q3, max, outliers? }[]

反馈与讨论

BoxPlot 箱线图 的讨论

0
0 / 600
一键发送
正在加载评论...