売上ダッシュボードを強化する

あなたの成果に感激したこの e-commerce 企業は、次々と新しいアイデアを出してきます。今回は、これまでに作成したすべてを1つのインタラクティブなインターフェースにまとめた強力なダッシュボードが欲しいとのことです。

今回求められているのは次のとおりです。

主要カテゴリとサブカテゴリでフィルタできる月次売上の折れ線グラフ。
各カテゴリ用のドロップダウン。主要カテゴリの選択に応じてサブカテゴリの選択肢が更新されます。
それらのカテゴリに対する集計統計を表示するテーブル。
国別の総売上を示す棒グラフ。
国別グラフにホバーすると更新される、サブカテゴリ売上の棒グラフ。

必要なパーツはすべて作成済みです。あとは組み合わせるだけです！

grid のページネーションを有効にするため、行 23 の下で pagination パラメータを設定してください。
1ページあたりの表示を6行に制限するため、行 26 の下で paginationPageSize パラメータを設定してください。
行 49 の下で、app.layout のリストに grid オブジェクトを挿入してください。