项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。

案例总览 ​

案例把多个图表类型与交互能力放进一个完整页面里讲:每个案例都是可运行的真实场景,源码面板可以看到完整实现。

运营数据看板

KPI 卡 + 营收趋势 + 渠道构成 + 区域排行,看板的经典四件套;附一键导出趋势图 PNG。

sparkline · area · doughnut · horizontal-bar · toDataURL
服务器指标监控

云控制台式的批量指标列表:CPU / 内存 / 内网带宽七项指标细线小图,Max / Min / Avg 统计列每秒随窗口重算。

line · showSymbol · animation · 批量时序
报表嵌入

图表嵌进表格行:迷你趋势图回答「在涨还是在跌」,子弹图回答「目标完成了没有」。

sparkline · bullet · 令牌取色
财务月度结算

KPI 行 + 利润桥 + 费用构成 + 部门报销结算,月度经营会一张页面讲完。

waterfall · pie · stacked-bar
基金持仓体检

自选列表、收益排行、风险-收益散点、资产配置环——个人盘面的一次完整体检。

sparkline · horizontal-bar · scatter · doughnut
人力资源年度盘点

招聘漏斗、薪酬五分位、年龄结构、部门人效——年度人才盘点的四个切面。

funnel · boxplot · bin · scatter
交付效能看板

发布节奏与变更失败率同轴、各服务构建时长箱线、发布窗口热力——DORA 效能的可见化。

mixed · boxplot · heatmap
核心链路 SLO 看板

请求量与 P95 延迟同轴、网关延迟直方、四条 SLO 子弹图——错误预算烧没烧完一眼可见。

mixed · bin · bullet · 令牌取色
小学数学 · 统计表转统计图

四到六年级四个单元:条形比多少、折线看变化、扇形看占比——每张图都由它上面那张统计表得来。

bar · 多系列 · line · pie · 注解

挑案例还是挑图? ​

按场景找完整组合看案例;只想回答一个数据问题,去总览与快速上手的选型表按问题挑图,每个图表类型页都有独立的可运行演示。