出行分析

这家对冲基金志向远大，想要了解航空股的表现。

您将绘制「股价-日期」折线图，并允许查看者在达美航空、美国西南航空和波音之间切换。图形和图元已为您预加载：

boeing = stocks.loc[stocks["name"] == "BA"]
delta = stocks.loc[stocks["name"] == "DAL"]
southwest = stocks.loc[stocks["name"] == "LUV"]
fig = figure(x_axis_label="Date", y_axis_label="Stock Price", 
             x_axis_type="datetime")
boeing_line = fig.line(x=boeing["date"], y=boeing["close"],
                       alpha=0.5)
delta_line = fig.line(x=delta["date"], y=delta["close"], 
                      color="red", alpha=0.5)
sw_line = fig.line(x=southwest["date"], y=southwest["close"], 
                   color="green", alpha=0.5)

本练习是课程的一部分

使用 Bokeh 进行交互式数据可视化

查看课程

练习说明

与 CustomJS 一起导入 Select 小部件。
创建 Select 小部件，设置 options 为按此顺序的列表："Boeing"、"Delta"、"Southwest"，value 为 "Boeing"，title 为 "Airline"。
将小部件设置为在 "value" 发生变化时执行 callback 函数。

交互式实操练习

通过完成这段示例代码来试试这个练习。

# Import modules
____

# Create Select widget
menu = ____(____=["____", "____", "____"], ____="____", ____="____") 

callback = CustomJS(args=dict(line_1=boeing_line, line_2=delta_line,
                             line_3=sw_line), code="""
line_1.visible = true
line_2.visible = true
line_3.visible = true
if (this.value == "Boeing") {line_2.visible = false
							 line_3.visible = false} 
    else {line_1.visible = false}
if (this.value == "Delta") {line_1.visible = false
							line_3.visible = false} 
    else {line_2.visible = false}
if (this.value == "Southwest") {line_1.visible = false
								line_2.visible = false} 
    else {line_3.visible = false}
""")

# Set up interaction
menu.____("____", ____)
output_file(filename="airline_stocks.html")
show(column(menu, fig))

编辑并运行代码