零代码数据大屏入门:从 Excel 到第一张柱状图
先用一份熟悉的表格完成数据接入、图表绑定和预览,再逐步连接正式业务系统。本教程使用销售数据,不需要编写程序。
准备练习数据
下载销售示例 CSV,在 Excel 中打开。第一行是字段名称,数据如下:
| 日期 | 门店 | 销售额 | 订单数 |
|---|---|---|---|
| 2026-01-01 | 东城店 | 12800 | 86 |
| 2026-01-02 | 东城店 | 15600 | 103 |
| 2026-01-01 | 西城店 | 9800 | 65 |
| 2026-01-02 | 西城店 | 11200 | 78 |
这些是练习数据。实际项目要先统一金额单位、日期格式和统计范围。
创建项目与可视化页面
- 登录系统,在「项目管理」点击「新增项目」,填写项目标题。
- 进入项目,打开「数据可视化」,点击「新建可视化」。
- 类型选择「页面」,填写标题与尺寸。普通横向屏幕可从 1920 × 1080 开始。
- 创建后进入「设计器」。
项目负责组织资源和数据;一个可视化页面是其中的一张大屏。
导入 CSV 或 Excel
在项目「数据管理」点击「导入Excel」,选择文件。保留「设置第一行为标题」选项,导入后展开数据,检查字段与数值。也可用「粘贴Excel」直接粘贴表格区域。
添加柱状图并绑定
从组件列表加入柱状图,选中后打开右侧「数据设置」。先在「使用数据」选择刚导入的数据,再将 X 轴映射到「日期」,Y 轴映射到「销售额」。
本例同一日期有两个门店。需要单店趋势时,对当前系列设置「门店等于东城店」;需要按天汇总时,先整理汇总数据,不能把字段映射当作自动求和。
保存并验证
调整图表位置和大小,点击顶部「保存」,看到成功提示后点击预览。修改表格并重新导入后,核对数值是否符合预期。对外展示前,再到项目设置确认分享方式。