Skip to main content
Edit this page

目標: 最初のダッシュボードを作成する

このガイドでは、Rocket.BIをインストールして簡単なダッシュボードを作成します。 以下がそのダッシュボードです:

github_rocketbi2

こちらのリンクからダッシュボードを確認できます。

インストール

事前にビルドされた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サーバーの情報を追加します。

以下のコマンドでRocketBIを開始します: docker-compose up -d

ブラウザでlocalhost:5050を開き、こちらのアカウントでログインします: hello@gmail.com/123456

ソースからのビルドや高度な設定については、Rocket.BI Readmeをご参照ください。

ダッシュボードを作ってみましょう

ダッシュボードでは、レポートを見つけることができ、+Newをクリックして視覚化を開始します。 ダッシュボードで無制限のダッシュボード無制限のチャートを作成できます。

rocketbi_create_chart

YouTubeで高解像度のチュートリアルを見る:https://www.youtube.com/watch?v=TMkdMHHfvqY

チャートコントロールを作成する

メトリクスコントロールを作成

タブフィルターで使用したいメトリックフィールドを選択します。集計設定を確認してください。

rocketbi_chart_6

フィルタに名前を付け、コントロールをダッシュボードに保存します。

Metrics Control

日付型コントロールを作成

メインの日付カラムとして日付フィールドを選択します:

rocketbi_chart_4

異なるルックアップ範囲で重複バリアントを追加します。例えば、年、月、日付や曜日など。

rocketbi_chart_5

フィルタに名前を付け、コントロールをダッシュボードに保存します。

Date Range Control

さあ、チャートを作りましょう

円グラフ: 地域別売上指標

新しいチャートを追加し、円グラフを選択します。

Add Pie Chart

まず、データセットからカラム「Region」をドラッグ&ドロップして凡例フィールドに配置します。

Drag-n-drop Column to Chart

その後、チャートコントロールタブに移動します。

Navigate to Chart Control in Visualization

メトリクスコントロールを値フィールドにドラッグ&ドロップします。

Use Metrics Control in Chart

(メトリクスコントロールはソートとしても使えます)

さらなるカスタマイズのためにチャート設定に移動します。

Custom the Chart with Setting

例えば、データラベルをパーセンテージに変更します。

Chart Customization Example

チャートを保存してダッシュボードに追加します。

Overview Dashboard with Pie Chart

時系列チャートに日付コントロールを使用

積み上げカラムチャートを使用しましょう。

Create a Time-series chart with Tab Control

チャートコントロールで、メトリクスコントロールをY軸、日付範囲をX軸に使用します。

Use Date Range as Controller

地域カラムをブレークダウンに追加します。

Add Region into Breakdown

KPIとしてナンバーチャートを追加し、ダッシュボードを目立たせます。

Screenshot 2022-11-17 at 10 43 29

これで、rocket.BIを使って最初のダッシュボードを無事に作成しました。