网页付费 已验证

Event Bar Chart(界面组件)

用于产品页面和报告的可复用事件对比图表区块,包含按数值成比例的横条、清晰的直接标注、周期说明和简洁结论。

你会得到

  • 一个带标题和统计周期的响应式图表区块。
  • 可编辑的事件名称与数值,并以成比例的横条呈现。
  • 解释关键对比结果的简短结论。
  • 以暖纸色为底、克制使用青绿色与陶土色的视觉样式。

适合

  • 对比少量营销活动、产品行为或研究事件。
  • 在报告或网页中嵌入聚焦的数据故事。

不适合

  • 需要筛选、分页或复杂坐标轴的大型数据集。
  • 数值缺乏依据或无法使用同一尺度比较的情况。

你需要提供

  • 事件名称与数值;如适用,请提供单位。
  • 图表标题和统计周期。

运行要求

  • A modern browser
  • Node.js 20+ for the validator

运行成本

No external services. Runs entirely on your agent.

试试这个提示词

/sl-event-bar-chart-ui-block 为客户报告制作暖中性色调的四月营销活动区块,展示四项虚构活动及次数:Product page visits,1,284;Guide downloads,846;Demo requests,612;Newsletter signups,438。采用青绿色条形图风格。

后续提示词

  • 加入月度目标基准标记,同时保证数值标注清晰易读。
  • 按时间顺序排列这些事件,并将结论改写为面向管理层的表达。

验证情况

已验证

render-checkpass4.0 / 566s

常见问题

事件名称和数值可以修改吗?

可以。请将名称、数值、单位和可选结论保留为可编辑内容,方便使用新数据复用区块。

图表适合展示多少个事件?

建议展示三到六个类别,便于快速比较。类别更多时,应改用更密集的数据表或仪表盘布局。

相似技能

Event Bar Chart(界面组件) · SkillLoom