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

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

Community Maintained

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

Rocket BI ダッシュボード 販売指標のチャートとKPIを示す

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

インストール

予め構築された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で確認してください。

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

ダッシュボードにはレポートが表示されます。+新規をクリックして視覚化を開始します。

無制限のダッシュボードを作成でき、ダッシュボードに無制限のチャートを描くことができます。

Rocket BIで新しいチャートを作成するプロセスを示すアニメーション

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

チャートコントロールを構築する

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

タブフィルターで、使用するメトリクスフィールドを選択します。集計設定に注意を払い続けてください。

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

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

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

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

主日付カラムとして日付フィールドを選択します。

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

異なる検索範囲での重複バリエーションを追加します。例えば、年、月別、日別、または曜日などです。

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

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

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

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

円グラフ: 地域別の販売指標

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

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

まず、データセットから「地域」カラムをレジェンドフィールドにドラッグ&ドロップします。

レジェンドフィールドに地域カラムを追加しているドラッグ&ドロップインターフェース

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

視覚化設定オプションを示すチャートコントロールタブインターフェース

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

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

(メトリクスコントロールをソートとしても使用できます)

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

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

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

円グラフにパーセンテージを表示するようにデータラベル設定が変更されている

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

新しく追加された円グラフと他のコントロールを含むダッシュボードビュー

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

積み上げ棒グラフを使用します。

時系列データのある積み上げ棒グラフ作成インターフェース

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

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

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

積み上げ棒グラフのブレークダウン次元として地域カラムを追加している様子

KPIとして数値チャートを追加し、ダッシュボードを輝かせます。

KPI数値チャート、円グラフ、時系列視覚化を持つ完成したダッシュボード

これで、あなたはRocket.BIで最初のダッシュボードを成功裏に構築しました。