店舗ロケーション別の総売上額を示す縦棒チャート

Add Chart をクリックします。

sample_supplies.salesデータソースを選択します。

表示されるSelect Data Sourceモーダルに次のことが表示されます。

1. [Project] タブをクリックします。

2. サンプル データソースを含む配置の名前をクリックします。

3. sample_suppliesデータベースをクリックします。 データベースのデータソースが表示されます。

2. salesデータソースでSelectをクリックします。

チャートの種類を選択します

Chart Type のドロップダウンで、[Stacked Column] を選択します。

積み上げ縦棒チャートをレンダリングするために、Atlas Charts はcategoryエンコーディング チャンネルフィールドの個別の値ごとに棒グラフまたは列を作成します。

必要なフィールドを適切なエンコーディング チャンネルに追加します。

1. チャートビルダ ビューのFieldsセクションからstoreLocationプロパティをX Axisエンコーディング チャンネルにドラッグします。

   これにより、Atlas Charts はデータセット内の各storeLocation値の列を作成するように指示されます。

   注意

   Atlas Charts は各フィールドのデータ型を推測し、チャートを作成するときにこれらのデータ型を簡単に決定するための記号を提供します。 これらの記号は、各エンコーディング チャンネルで適切なデータ型を使用することで、チャートが期待どおりにレンダリングされるようにするのに役立ちます。 たとえば、 saleDateフィールドの横にある暦アイコンは、このフィールドがタイムスタンプであることを示します。

2. Fieldsセクションで、 itemsフィールドをクリックしてitemsオブジェクトを展開し、そのプロパティを表示します。

3. items.priceフィールドをY Axisエンコーディング チャンネルにドラッグします。

   これにより、Atlas Charts はチャートの集計にitems.priceフィールドを使用するように指示されます。

4. Array Reductionsの下のitemsドロップダウンで、[ Unwind array ] を選択します。

   配列削減は、配列の処理方法を決定し、その要素を視覚化する方法を決定します。 展開配列オプションを使用すると、 配列内の要素ごとに新しいドキュメントが作成されるため、各アイテムの価格がそのストアの合計に追加されます。

5. Aggregate のドロップダウンで、[sum] を選択します。

   $sum 集計演算子は、店舗ごとのすべてのアイテムの価格を合計して チャートを表示します。

グラフにタイトルを付けます。

1. チャートの中心より上にあるチャートタイトルにカーソルを合わせ、鉛筆アイコンをクリックします。

2. 以下をチャート タイトルの入力にコピーします。

   Total Sales ($) by Store Location

3. タイトルを保存するには、チェックマークをクリックします。

   これで、チャートは次のようになります。

   

   クリックして拡大します

   最も収益を生成している店舗は、 DenverとSeattleのロケーションであることに注意してください。

Save and Closeチャートビルダ ビューの右上にある [] をクリックします。

[ Super Supply Store Ordersダッシュボードに戻り、次のようになります。

クリックして拡大します