指标折线面板
+6汇总折线图v1.0.3
使用这个 Skill：制作信息图/速读海报。
上升中
5.01900
$4.99
购买这个 Skill 能获得什么？汇总折线图是一个可直接粘贴的数据可视化区块，附带用法示例与组件源码。图表走统一的图表层，不是手写 SVG、canvas 绘制的背景，不依赖 WebGL 库。配色、字号与圆角以 token 形式集中管理，改一次就贯穿整个区块。
更新于 2026年8月31日
效果预览
运行于
生成模型
宿主 Agent 模型
相似 Skill
查看全部 Skills
你将获得
- Summary Line Chart 的完整源码：组件文件加一个可直接运行的用法示例，粘进项目就能改。
- 一份视觉契约：配色、字号阶梯、圆角、icon 描边与动效时长，集中成 token。
- 图表配置以数据形式给出，换成你自己的数据即可，其余行为由图表层负责。
适合
- 你要在页面里放一个数据可视化区块，不想自己接图表库。
- 你希望图表的配色和排版和页面其余部分一致。
- 你想拿到可读、可改的源码，而不是再多一个需要跟着升级的依赖。
不适合
- 已经在跑成熟设计系统的团队——这里的配色和字号阶梯会和你的打架。
- 想要可版本化升级的 npm 包的人；这交给你的是需要自己维护的源码。
- 需要图表做实时数据流或大数据量虚拟滚动的场景。
客户交付与管理层汇报科研出版与技术说明数字出版物与网页展示制作信息图/速读海报制作界面原型与界面插画制作网页/单页站/仪表盘成果可编辑视觉精美低门槛Warm NeutralTeal AccentGenerative Backdrop
关于此 Skill
用户评价
5.0
0 条评价
给这个 Skill 打分
点选星级即可写评价
还没有评价。
有真实样本后，这里才会显示评分与成功率；我们不会展示没有样本数的百分比。