1. 학습
  2. /
  3. 강의
  4. /
  5. Bokeh로 배우는 인터랙티브 데이터 시각화

Connected

연습 문제

시간에 따른 테크 주식 성과

헤지 펀드는 최근 몇 년간 테크 주식의 추세를 분석하고 싶어 합니다. Apple, IBM, Netflix의 주가를 보여주는 선 그래프를 요청했어요.

또한, 관심 있는 기간을 쉽게 찾을 수 있도록 조회 기간을 조정할 수 있는 DateRangeSlider도 원합니다.

이미 도형이 생성되어 있고, 선 글리프가 추가되어 있습니다. 또한 stocks["date"] 열에서 가장 오래된 날짜와 최신 날짜를 각각 나타내는 earliest_date와 lowest_date가 미리 로드되어 있습니다.

지침

100 XP
  • DateRangeSlider를 임포트하세요.
  • DateRangeSlider()를 호출하여 title에는 "Date"를 지정하고, start와 end에는 각각 earliest_date와 latest_date를 지정하세요. value는 "2014, 6, 2", "2018, 2, 7"로 설정하고, 위젯과 상호작용할 때마다 1일씩 증가하도록 증분을 1일로 지정하세요.
  • .js_link()를 두 번 호출해 위젯의 "value"를 fig의 x_range에서 "Start"와 "End"에 각각 연결하고, 각 호출에서 속성 선택자(attribute selector)를 각각 0과 1로 설정하세요.
  • layout()을 호출해 slider가 fig 위에 표시되도록 하세요.