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

演習

Dashコンポーネントの再利用

あなたのダッシュボードは注目を集めており、特に最近のDate Pickerアプリが好評です。シニアマネージャーも気に入りましたが、企業スタイルのロゴを使い、複数箇所に表示してほしいという依頼がありました。

コードをすっきり保つため、ロゴ用の再利用可能なPython関数を作成しましょう。

承認済みのロゴスタイルは次のとおりです： 'width':'75px', 'margin':'20px 20px 5px 5px', 'border':'1px dashed lightblue', 'display':'inline-block'

指示

100 XP
  • 11 行目の下に、corp_logo コンポーネントを返す再利用可能なコンポーネント関数 add_logo() を作成します。
  • この関数内で、13 行目の下に指定のスタイルを用いて、適切なHTMLコンポーネントでDashの画像要素 corp_logo を作成します。
  • 20、27、30、46 行目の下にある4つの指定箇所それぞれで、add_logo() 関数を呼び出します。