跳到主要内容
跳到主要内容

目标:使用 Rocket.BI 构建你的第一个仪表盘

Community Maintained

在本指南中,你将安装 Rocket.BI,并构建一个简单的仪表盘。 该仪表盘如下所示:

Rocket BI 仪表盘,通过图表和关键指标展示销售数据

你可以通过此链接访问该仪表盘。

安装

使用我们预先构建的 Docker 镜像启动 RocketBI。

获取 docker-compose.yml 和配置文件:

wget https://raw.githubusercontent.com/datainsider-co/rocket-bi/main/docker/docker-compose.yml
wget https://raw.githubusercontent.com/datainsider-co/rocket-bi/main/docker/.clickhouse.env

编辑 .clickhouse.env,添加 ClickHouse 服务器信息。

运行命令 docker-compose up -d . 启动 RocketBI。

打开浏览器,访问 localhost:5050,使用以下账号登录:[email protected]/123456

如果你想从源码构建或进行高级配置,可以在这里查看 Rocket.BI Readme

让我们来构建仪表板

在 Dashboard 中,你可以找到你的报表,点击 +New 开始可视化。

你可以创建不限数量的仪表板,并在一个仪表板中绘制不限数量的图表

动画展示在 Rocket BI 中创建新图表的过程

在 YouTube 上查看高清教程:https://www.youtube.com/watch?v=TMkdMHHfvqY

构建图表控制组件

创建一个指标控制组件

在 Tab filter 中,选择你想使用的 metric 字段。请务必检查聚合设置。

Rocket BI 指标控制配置面板,显示已选择字段和聚合设置

重命名过滤器,并将 Control 保存到 Dashboard

已重命名过滤器、准备保存到仪表板的指标控制组件

创建一个日期类型控制组件

选择一个 Date 字段作为主日期列(Main Date column):

Rocket BI 中的日期字段选择界面,显示可用的日期列

添加多个副本,并设置不同的筛选范围。例如按年(Year)、按月(Monthly)、按日(Daily date)或按星期几(Day of Week)。

日期范围配置,显示按年、月、日等不同时间周期选项

重命名过滤器,并将 Control 保存到 Dashboard

已重命名过滤器、准备保存到仪表板的日期范围控制组件

现在,让我们来构建图表

饼图:按区域展示销售指标

选择添加新图表,然后选择 Pie Chart

图表类型选择面板,高亮显示饼图选项

首先,将数据集中名为 "Region" 的列拖放到 Legend 字段

拖拽界面,展示 Region 列被添加到图例字段

然后,切换到 Chart Control 选项卡

图表控制选项卡界面,展示可视化配置选项

将 Metrics Control 拖放到 Value 字段中

将指标控制组件添加到饼图的值字段

(你也可以将 Metrics Control 用作排序字段)

进入 Chart Setting 进行进一步自定义

图表设置面板,展示饼图的自定义选项

例如,将 Data label 改为 Percentage

将数据标签设置更改为在饼图上显示百分比

保存并将图表添加到 Dashboard

仪表板视图,展示新添加的饼图和其他控制组件

在时间序列图表中使用日期控制组件

我们来使用一个堆叠柱状图(Stacked Column Chart)

堆叠柱状图创建界面,展示时间序列数据

在 Chart Control 中,将 Metrics Control 用作 Y 轴,将 Date Range 用作 X 轴

图表控制配置,展示 Y 轴为指标、X 轴为日期范围

将 Region 列添加到 Breakdown 中

在堆叠柱状图中将 Region 列添加为细分维度

添加 Number Chart 作为 KPI,让整个 Dashboard 更加醒目

完整仪表板,包含 KPI 数值图表、饼图和时间序列可视化

现在,你已经成功使用 rocket.BI 构建了你的第一个仪表板。