メインコンテンツへスキップ
メインコンテンツへスキップ

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

Community Maintained

このガイドでは、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 サーバー情報を追加します。

次のコマンドを実行して RocketBI を起動します:docker-compose up -d .

ブラウザを開き、localhost:5050 にアクセスし、以下のアカウントでログインします:[email protected]/123456

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

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

Dashboard では、作成したレポートを確認でき、+New をクリックして可視化を開始します。

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

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

高解像度のチュートリアルは YouTube で確認できます: https://www.youtube.com/watch?v=TMkdMHHfvqY

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

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

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

Rocket BI のメトリクスコントロール設定パネル。選択されたフィールドと集計設定が表示されている

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

名前を変更したフィルターを持ち、ダッシュボードに保存可能な状態のメトリクスコントロール

日付タイプのコントロールを作成する

Date フィールドの中から、メインの Date 列を選択します:

Rocket BI の日付フィールド選択インターフェース。利用可能な日付列が表示されている

異なる参照範囲を持つバリアントを複数追加します。たとえば、Year、Monthly、Daily date、または Day of Week などです。

年・月・日など、異なる期間オプションを設定する日付範囲設定画面

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

名前を変更したフィルターを持ち、ダッシュボードに保存可能な状態の日付範囲コントロール

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

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

新しいチャートの追加を選択し、Pie Chart を選択します。

チャートタイプ選択パネル。円グラフオプションがハイライトされている

まず、データセットから "Region" 列を Legend フィールドへドラッグ & ドロップします。

Region 列をレジェンドフィールドに追加しているドラッグ & ドロップのインターフェース

次に、Chart Control タブに切り替えます。

可視化の設定オプションが表示された Chart control タブのインターフェース

Metrics Control を Value フィールドへドラッグ & ドロップします。

円グラフの value フィールドに追加されるメトリクスコントロール

(Metrics Control はソートにも利用できます)

さらにカスタマイズするために Chart Setting を開きます。

円グラフのカスタマイズオプションが表示さ�れたチャート設定パネル

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

円グラフ上のデータラベルをパーセンテージ表示に変更している設定画面

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

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

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

Stacked Column Chart を使ってみましょう。

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

Chart Control で、Y-axis に Metrics Control、X-axis に Date Range を設定します。

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

Breakdown に Region 列を追加します。

積み上げ縦棒グラフで Breakdown 次元として追加される Region 列

Number Chart を追加して KPI を表示し、ダッシュボードをより見やすくします。

KPI のナンバーチャート、円グラフ、時系列可視化が配置された完成済みダッシュボード

これで、rocket.BI を使った最初のダッシュボードが完成しました。