Sparkline 缩略走势
行内微缩走势线，常用于 KPI 卡的趋势线。
基础用法
数据通过 props 传入，纯 SVG 渲染，无第三方图表库依赖。
配色取自 --viz-1..8 token，色盲友好。
上升 13下降 4平稳 6
<CfSparkline ... /><CfSparkline ... />8 色调色板
通过 colorIndex（0..7）选 --viz-1..8 任一色号，色盲友好且与图表系列色统一。
--viz-1 · indigo--viz-2 · amber--viz-3 · green--viz-4 · red--viz-5 · cyan--viz-6 · magenta--viz-7 · lime--viz-8 · azure
<CfSparkline :data="data" :color-index="0" filled smooth />
<CfSparkline :data="data" :color-index="3" filled smooth /><CfSparkline data={data} colorIndex={0} filled smooth />
<CfSparkline data={data} colorIndex={3} filled smooth />API
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
data | number[] | — | 数据点数组 |
width / height | number | 80 / 24 | |
filled | boolean | false | 显示填充面积 |
smooth | boolean | false | 平滑曲线 |
colorIndex | 0..7 | 0 | 颜色索引（—viz-{n+1}） |
showDot | boolean | true | 高亮最后一个点 |
反馈与讨论
Sparkline 缩略走势 的讨论