> ## Documentation Index > Fetch the complete documentation index at: https://private-7c7dfe99-detect-table-modification.mintlify.site/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」を選択します 円グラフのオプションが強調表示されたチャートタイプ選択パネル
まず、データセットから「Region」カラムを「Legend Field」にドラッグ＆ドロップします Region カラムが凡例フィールドに追加されるドラッグ＆ドロップインターフェイス
次に、「Chart Control」タブに切り替えます 可視化の設定オプションを表示する Chart Control タブのインターフェイス
「メトリクスコントロール」を「Value Field」にドラッグ＆ドロップします 円グラフの値フィールドに追加されるメトリクスコントロール
(「メトリクスコントロール」はソートにも使用できます) さらにカスタマイズするには、「Chart Setting」に移動します 円グラフのカスタマイズオプションを表示する Chart Setting パネル
たとえば、「Data label」を「Percentage」に変更します 円グラフ上にパーセンテージを表示するように変更される Data label の設定
チャートを保存して、ダッシュボードに追加します 他のコントロールとともに新しく追加された円グラフを表示するダッシュボードビュー
#### 時系列チャートで日付コントロールを使用する
積み上げ縦棒チャートを使います 時系列データを使用した積み上げ縦棒チャートの作成インターフェイス
Chart Control で、Y 軸にメトリクスコントロール、X 軸に Date Range を設定します Y 軸にメトリクス、X 軸に日付範囲を設定した Chart Control
Breakdown に Region カラムを追加します 積み上げ縦棒チャートの内訳ディメンションとして Region カラムを追加している様子
KPI として Number チャートを追加し、ダッシュボードを見栄えよく整えます KPI の Number チャート、円グラフ、時系列可視化を含む完成したダッシュボード
これで、rocket.BI で最初のダッシュボードを構築できました