시작하기무료로 시작하기

시간에 따른 테크 주식 성과

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

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

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

이 연습은 강의의 일부입니다

Bokeh로 배우는 인터랙티브 데이터 시각화

강의 보기

연습 안내

  • 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 위에 표시되도록 하세요.

실습형 인터랙티브 연습

이 예제를 이 샘플 코드를 완성하여 풀어보세요.

# Import widget
____
earliest_date = stocks["date"].min()
latest_date = stocks["date"].max()
fig.line(apple["date"], apple["close"], color="green", legend_label="Apple")
fig.line(netflix["date"], netflix["close"], color="red", legend_label="Netflix")
fig.line(ibm["date"], ibm["close"], color="purple", legend_label="IBM")
fig.legend.location = "top_left"

# Create DateRangeSlider
slider = DateRangeSlider(title="____", start=____, end=____, 
                         value=("____", "____"), step=____)

# Link DateRangeSlider values to figure
slider.____("____", ____.____, "____", attr_selector=____)
slider.____("____", ____.____, "____", attr_selector=____)

# Create layout and display plot
output_file(filename="stock_price_over_time.html")
show(____(____, ____))
코드 편집 및 실행