汽車類股分析
避險基金希望你產生一個散佈圖，幫助他們了解兩家汽車公司的財務表現：Ford 與 General Motors。
你將建立一個圖表，呈現兩家公司每天的收盤價，對上市值（股價乘上成交量）。基金也希望能自訂 x 軸，這正好是你實作 RangeSlider 的好機會。
本練習屬於課程
使用 Bokeh 製作互動式資料視覺化
練習說明
- 匯入
RangeSlider。 - 建立
slider，標題為"Stock Price"，start為 10、end為 47，value以括號內的起訖值為準，並將每次與元件互動的step設為 1。 - 將
slider的"value"連結到圖形x_range屬性的起點，並將屬性選擇器指定為 0。 - 重複上述步驟，將
slider的"value"連結到圖形x_range屬性的終點，並將屬性選擇器指定為 1。
動手互動練習
試著完成這個範例程式碼，體驗一下這個練習。
# Import RangeSlider
____
fig = figure(x_axis_label="Stock Price ($)", y_axis_label="Market Cap")
fig.circle(x=ford["close"], y=ford["market_cap"], legend_label="Ford", fill_color="red", fill_alpha=0.5)
fig.circle(x=gm["close"], y=gm["market_cap"], legend_label="GM", fill_color="green", fill_alpha=0.5)
fig.yaxis[0].formatter = NumeralTickFormatter(format="$0a")
# Create slider
slider = ____(title="____", start=____, end=____, value=(____, ____), step=____)
# Link to start of x-axis
slider.____("____", fig.____, "____", attr_selector=____)
# Link to end of x-axis
slider.____("____", fig.____, "____", attr_selector=____)
output_file(filename="Slider.html")
show(layout([slider], [fig]))