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

演習

チェーンを拡張する

条件付きドロップダウンは大成功でした！ ダッシュボードがすっきりして、ユーザー体験も大きく向上しました。製品デモの際、ステークホルダーからいくつかの更新要望がありました。

まず、常にグラフに何かが表示されるように、マイナーカテゴリのデフォルト値を選択できるようにしたいとのことです。これは、最初に作成した2つのコールバックの間にさらに連鎖したコールバックを挿入することで実現できそうです。

次に、選択したマイナーカテゴリがどのメジャーカテゴリに属しているかをユーザーに思い出させるため、グラフの下にタイトルを表示したいとのことです。これは新たなコールバックを増やすのではなく、選択されたメジャーカテゴリを追加の出力として送ることで実現できると考えています。

指示

100 XP
  • 行 37 の下に、major_cat_dd ドロップダウンの値でトリガーされ、minor_cat_dd ドロップダウンの options と chosen_major_cat_title 要素の両方に出力するコールバックを作成します。
  • 行 52 の下に、minor_cat_dd ドロップダウンの options プロパティが更新されたときに、デフォルトの value を設定するコールバックを作成します。