1. 学ぶ
  2. /
  3. コース
  4. /
  5. Dash と Plotly で作るダッシュボード

Connected

演習

クリックで別のプロットを更新する

ホバーで更新するプロットは大好評でした。まるで魔法のようですね!あなたの工夫で、退屈な静的ビジュアルが「体験」に生まれ変わっています。

前のレッスンで作成したダッシュボードに、変更のリクエストが届きました。eコマース企業のレポーティング階層は、国 → 大分類 → 小分類の順です。ですので、ホバーで下部の棒グラフが更新されない方がよいとのことです。

その代わりに、大分類の棒グラフをクリックすると、下の棒グラフが更新されるようにしてほしいそうです。これは、国ごとに大分類の売上構成比がどう異なるかを把握したいための要望です。

最近取り組んだクリックとホバーの知見を使えば、まさに実装できますね!

指示

100 XP
  • 'Major Category' がクリックデータで取得できるように、37 行目の下にある大分類の棒グラフで custom_data パラメータに追加してください。
  • 45 行目の下にコールバックを作成し、major_cat グラフ内の棒がクリックされたときに minor_cat チャートが更新されるように設定してください。