Elysia Tools
导航
Data Visualization
创建阶梯式数据可视化图表，完美展示离散数据随时间的变化
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
步进图生成器是一款专业的数据可视化工具，旨在帮助用户将离散的时间序列数据转换为清晰的阶梯式图表，非常适合直观展示价格波动、库存水平变化或分阶段的业务指标。
背景
运营人员需要向管理层展示某核心产品在过去一年内的价格调整记录，以分析价格变动对销量的影响。
问题
普通折线图无法准确体现价格在特定日期调整后的持续状态，需要使用阶梯图展示价格的离散变动。
如何使用
在数据点输入框中填入日期与价格数据，选择“阶梯前置”样式，并开启数据标签显示。
[{"x": "1月", "y": 299}, {"x": "4月", "y": 359}, {"x": "8月", "y": 329}, {"x": "12月", "y": 299}]结果
生成了一张清晰的阶梯图，直观展示了产品价格在各时间段的稳定区间及调整节点。
背景
管理员需要记录仓库中某关键物料的库存水位，以便在库存过低时及时补货。
问题
库存数据是离散的，需要通过可视化图表清晰展示每次入库或出库后的库存水平变化。
如何使用
输入库存变动数据，设置“填充线下区域”以增强视觉对比度，并调整线条颜色为绿色。
{"stepStyle": "step-after", "fillArea": true, "lineColor": "#10b981"}结果
通过填充区域的阶梯图，管理员可以一眼识别出库存水位下降的趋势及当前的库存状态。
步进图（Step Chart）是一种通过水平和垂直线条连接数据点的图表，用于展示数值在特定时间点发生的离散变化，而非平滑的趋势。
支持三种样式：阶梯前置（先水平后垂直）、阶梯后置（先垂直后水平）以及阶梯居中（中心阶梯）。
请使用 JSON 数组格式输入数据，例如：[{"x": "1月", "y": 100}, {"x": "2月", "y": 150}]。
可以，您可以自定义线条颜色、宽度、数据点大小、背景颜色以及是否填充线下区域。
本工具生成 HTML 格式的交互式图表，您可以直接在网页中查看或通过截图保存。