GOAL: BUILD YOUR 1ST DASHBOARD
In this guide, you will install and build a simple dashboard using Rocket.BI . This is the dashboard:
![Github RocketBI](/docs/assets/images/rocketbi_01-7187cf887c5c8ca06851da87bbe1c6ea.gif)
You can checkout the Dashboard via this link.
INSTALL
Start RocketBI with our pre-built docker images.
Get docker-compose.yml and configuration file:
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
Edit .clickhouse.env, add clickhouse server information.
Start RocketBI by run command: docker-compose up -d .
Open browser, go to localhost:5050
, login with this account: hello@gmail.com/123456
To build from source or advanced configuration you could check it here Rocket.BI Readme
LET'S BUILD THE DASHBOARD
In Dashboard, you will find your reportings, start visualization by clicking +New
You can build unlimited dashboards & draw unlimited charts in a dashboard.
![RocketBI create chart](/docs/assets/images/rocketbi_02-9e1cef470914f0a6762527bb8ead538a.gif)
See hi-res tutorial on Youtube: https://www.youtube.com/watch?v=TMkdMHHfvqY
Build the Chart Controls
Create a Metrics Control
In the Tab filter, select metric fields you want to use. Make sure to keep check on aggregation setting.
![RocketBI chart 6](/docs/assets/images/rocketbi_03-a0cd53c7dcff8cc914d87bcb9bd9d333.png)
Rename filters & Save Control to Dashboard
![Metrics Control](/docs/assets/images/rocketbi_04-39a397544dc0966019030398bd5eb4a8.png)
Create a Date Type Control
Choose a Date field as Main Date column:
![RocketBI chart 4](/docs/assets/images/rocketbi_05-80688ecf45fb801b03f64b6d15f7c3a9.png)
Add duplicate variants with different lookup ranges. For example, Year, Monthly, Daily date or Day of Week.
![RocketBI chart 5](/docs/assets/images/rocketbi_06-eaf2d9739e1b5d6f08979ec169c61a33.png)
Rename filters & Save Control to Dashboard
![Date Range Control](/docs/assets/images/rocketbi_07-4027abe08073b28461df35d946d88c52.png)
Now, let build the Charts
Pie Chart: Sales Metrics by Regions
Choose Adding new chart, then Select Pie Chart
![Add Pie Chart](/docs/assets/images/rocketbi_08-b417765be18c12c65412de5c23ec5b37.png)
First Drag & Drop the column "Region" from the Dataset to Legend Field
![Drag-n-drop Column to Chart](/docs/assets/images/rocketbi_09-6f2412c9e607703b69be738e77d2a31b.png)
Then, change to Chart Control Tab
![Navigate to Chart Control in Visualization](/docs/assets/images/rocketbi_10-3112c412094fe0e5d22ba0b7315a2c93.png)
Drag & Drop the Metrics Control into Value Field
![Use Metrics Control in Chart](/docs/assets/images/rocketbi_11-300d5265bb3778911152e0af9a8fab9b.png)
(you can also use Metrics Control as Sorting)
Navigate to Chart Setting for further customization
![Custom the Chart with Setting](/docs/assets/images/rocketbi_12-4ca017af1b9f2f2dde610bbc10ef5aa8.png)
For example, change Data label to Percentage
![Chart Customization Example](/docs/assets/images/rocketbi_13-f2cd02a7aef2bcc856a376d162ca6d9c.png)
Save & Add the Chart to Dashboard
![Overview Dashboard with Pie Chart](/docs/assets/images/rocketbi_14-a4aeeb322de5bc94d3786102a634a472.png)
Use Date Control in a Time-series Chart
Let Use a Stacked Column Chart
![Create a Time-series chart with Tab Control](/docs/assets/images/rocketbi_15-5a3724654f196c7a1b1297bfcd7e6354.png)
In Chart Control, use Metrics Control as Y-axis & Date Range as X-axis
![Use Date Range as Controller](/docs/assets/images/rocketbi_16-ee819fa797c3c02b23d9f98e7b774c05.png)
Add Region column in to Breakdown
![Add Region into Breakdown](/docs/assets/images/rocketbi_17-bd5b11ed323912abc41cb145f4bfd688.png)
Adding Number Chart as KPIs & glare-up the Dashboard
![Screenshot 2022-11-17 at 10 43 29](/docs/assets/images/rocketbi_18-57e1aa5713da50322157f885b2071fcf.png)
Now, you had successfully build your 1st dashboard with rocket.BI