Skip to content
ClickHouse Docs
ClickHouse DocsClickHouse Docs

目標: Rocket.BI で初めてのダッシュボードを作成する

コミュニティ管理

このガイドでは、Rocket.BI をインストールし、シンプルなダッシュボードを作成します。 これがそのダッシュボードです。

チャートと KPI を含む売上メトリクスを表示する 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 にアクセスし、このアカウントでログインします: hello@gmail.com/123456

ソースからビルドする場合、または高度な設定を行う場合は、こちらを参照してください Rocket.BI Readme

ダッシュボードを作成しましょう

ダッシュボード ではレポートを確認できます。+New をクリックして、可視化を始めましょう。

無制限にダッシュボードを作成でき、1 つのダッシュボードに 無制限のチャート を作成できます。

Rocket BI で新しいチャートを作成する手順を示すアニメーション

高解像度のチュートリアルは YouTube をご覧ください: https://www.youtube.com/watch?v=TMkdMHHfvqY

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

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

Tab フィルターで、使用するメトリクスフィールドを選択します。集計設定も必ず確認してください。

選択したフィールドと集計設定を表示する Rocket BI のメトリクスコントロール設定パネル

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

フィルター名を変更し、ダッシュボードに保存する準備ができたメトリクスコントロール

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

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

利用可能な日付カラムを表示している Rocket BI の日付フィールド選択インターフェイス

ルックアップ範囲の異なる複製バリアントを追加します。たとえば、年別、月別、日別、曜日別です。

年、月、日などのさまざまな期間オプションを示す日付範囲の設定

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

名前を変更したフィルターを備え、ダッシュボードに保存する準備ができた日付範囲コントロール

では、チャートを作成しましょう

円グラフ: 地域別の売上メトリクス

「Adding new chart」を選択し、次に「Pie Chart」を選択します。

円グラフのオプションが強調表示されたチャートタイプ選択パネル

まず、Dataset からカラム「Region」を Legend Field にドラッグ&ドロップします。

Region カラムが凡例フィールドに追加されるドラッグ&ドロップインターフェイス

次に、チャートコントロール タブに切り替えます。

可視化の設定オプションを表示している チャートコントロール タブのインターフェイス

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

円グラフの値フィールドにメトリクスコントロールが追加されている様子

(メトリクスコントロールはソートにも使用できます)

さらにカスタマイズするには、Chart Setting に移動します。

円グラフのカスタマイズオプションを表示しているチャート設定パネル

たとえば、Data label を Percentage に変更します。

円グラフ上に割合を表示するように Data label の設定を変更している様子

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

他のコントロールとともに新しく追加された円グラフを表示しているダッシュボード画面

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

積み上げ縦棒チャートを使います

時系列データを使用した積み上げ縦棒チャートの作成インターフェイス

チャートコントロール で、Y 軸にメトリクスコントロール、X 軸に Date Range を設定します

Y 軸にメトリクス、X 軸に日付範囲を設定した チャートコントロール

Breakdown に Region カラムを追加します

積み上げ縦棒チャートの内訳ディメンションとして Region カラムを追加している様子

KPI として Number チャートを追加し、ダッシュボードを見栄えよく整えます

KPI の Number チャート、円グラフ、時系列可視化を含む完成したダッシュボード

これで、rocket.BI で最初のダッシュボードを構築できました

Navigation