> ## Documentation Index > Fetch the complete documentation index at: https://clickhouse.com/docs/llms.txt > Use this file to discover all available pages before exploring further. > RocketBI は、データをすばやく分析し、ドラッグ＆ドロップで可視化を作成し、Web ブラウザー上で同僚と共同作業できるセルフサービス型 BI プラットフォームです。 # 目標: Rocket.BI で初めてのダッシュボードを作成する export const CommunityMaintainedBadge = () => { return
コミュニティ管理
; }; export const Image = ({img, alt, size = "lg"}) => { const normalizedSize = ["sm", "md", "lg"].includes(size) ? size : "lg"; return
{alt}
; }; このガイドでは、Rocket.BI をインストールし、シンプルなダッシュボードを作成します。 これがそのダッシュボードです。 チャートと KPI を含む売上メトリクスを表示する Rocket BI のダッシュボード
[このリンクからダッシュボードを確認できます。](https://demo.rocket.bi/dashboard/sales-dashboard-7?token=7eecf750-cbde-4c53-8fa8-8b905fec667e)
## インストール
事前構築済みの Docker イメージで RocketBI を起動します。 docker-compose.yml と設定ファイルを取得します: ```bash theme={null} 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](https://github.com/datainsider-co/rocket-bi/blob/main/README.md)
## ダッシュボードを作成しましょう
ダッシュボード ではレポートを確認できます。**+New** をクリックして、可視化を始めましょう。 **無制限にダッシュボード**を作成でき、1 つのダッシュボードに **無制限のチャート** を作成できます。 Rocket BI で新しいチャートを作成する手順を示すアニメーション
高解像度のチュートリアルは YouTube をご覧ください: [https://www.youtube.com/watch?v=TMkdMHHfvqY](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 で最初のダッシュボードを構築できました