← 全部模板

鱼骨图 <Fishbone />

右边是鱼头写问题，鱼骨上下交替伸出 4 或 6 根，每根一个原因类别和 1–3 条具体原因。骨头斜向鱼头，和脊柱相接。

分组: 分析 · 一个问题的成因
组件: Fishbone · #fishbone

适合

排查问题、复盘事故
原因能归成 4–6 类

不适合

原因有层层因果：用 IssueTree
少于 4 类

内容上限

1	problem ≤ 10 字
2	bones 4 或 6 根：label ≤ 6 字，causes 1–3 条各 ≤ 12 字

字段

字段	类型
`kicker` · 必填	`string`	小节名，2–8 字
`title` · 必填	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`problem` · 必填	`string`	鱼头
`bones` · 必填	`{ label, causes }[]`	上下交替

示例代码

<Fishbone kicker="排查" title="…" problem="页面看起来乱" bones={[{ label: '文字', causes: ['…'] }, …]} />