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

Connected

演習

ホバーで主要指標を表示する

あなたが e コマース企業のマネージャー向けに成果をデモしたところ、このステークホルダー向けのダッシュボード作成を依頼されました。可視化やテキストを詰め込みすぎることは厳禁です。

その代わり、ダッシュボードは高いインタラクティビティを備えている必要があります。具体的には、散布図にマウスオーバーした際、右側のテキストボックスに追加の主要指標が表示されるようにしてほしい、との要望です。散布図上の別の点にホバーしたときは、その内容が更新される必要があります。

指示

100 XP
  • 行8の下で、散布図の custom_data パラメータに 'Country' 列を追加し、hoverData プロパティに現れるようにします。
  • 行28の下でコールバックを作成し、scatter_fig グラフと text_output 要素を接続し、散布図へのホバーでトリガーされるようにします。