メインコンテンツまでスキップ
メインコンテンツまでスキップ

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

このガイドでは、Rocket.BIを使用してシンプルなダッシュボードをインストールし、構築します。 これがダッシュボードです:

Github RocketBI

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

インストール

事前に用意されたDockerイメージを使用してRocketBIを開始します。

docker-compose.ymlファイルと設定ファイルを取得します:

.clickhouse.envを編集し、ClickHouseサーバー情報を追加します。

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

ブラウザを開き、localhost:5050に移動し、次のアカウントでログインします: [email protected]/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

KPIsとして数値チャートを追加し、ダッシュボードを見栄え良くします。

Screenshot 2022-11-17 at 10 43 29

これで、rocket.BIを使用して最初のダッシュボードを成功裏に構築しました。