1. 학습
    2. /
  2. 강의
    3. /
  3. Dash와 Plotly로 대시보드 만들기
Connected

연습 문제

클릭해서 다른 플롯 업데이트하기

hover로 업데이트되는 플롯이 큰 호응을 얻었어요. 정말 대단하네요! 여러분의 작업 덕분에 지루한 정적 시각화가 생동감 있는 경험 으로 바뀌고 있어요.

지난 레슨에서 만든 대시보드를 조금 바꿔 달라는 요청이 들어왔어요. 이 전자상거래 회사의 리포팅 체계는 국가 → 대분류(major category) → 소분류(minor category) 순서로 이어집니다. 그래서 hover로는 아래쪽 막대 차트를 업데이트하지 않기를 원해요.

대신, 대분류 막대 차트를 클릭하면 그 결과가 아래 막대 차트에 반영되도록 해 달라고 합니다. 이는 국가별로 대분류 매출 비중이 어떻게 다른지 파악하고자 하는 요구 때문이에요.

최근에 클릭과 hover를 다뤘던 경험을 살려, 어떻게 구현할지 이미 감이 오시죠!

지침

100 XP
  • 'Major Category'가 클릭 데이터에 포함되도록, 37번째 줄 아래의 대분류 막대 차트에 custom_data 매개변수를 추가하세요.
  • 45번째 줄 아래에 콜백을 설정하여, major_cat 차트의 막대를 클릭하면 minor_cat 차트가 업데이트되도록 하세요.