การวิเคราะห์หุ้นกลุ่มยานยนต์

กองทุนเฮดจ์ฟันด์ต้องการให้คุณสร้าง scatter plot เพื่อช่วยวิเคราะห์ผลการดำเนินงานทางการเงินของบริษัทยานยนต์สองแห่ง ได้แก่ Ford และ General Motors

คุณจะสร้างกราฟแสดงราคาปิดของแต่ละวันเทียบกับมูลค่าตามราคาตลาด (ราคาคูณด้วยปริมาณการซื้อขาย) ของทั้งสองบริษัท ทางกองทุนต้องการปรับแต่งแกน x ได้เอง ซึ่งเป็นโอกาสดีในการนำ RangeSlider มาใช้งาน

แบบฝึกหัดนี้เป็นส่วนหนึ่งของหลักสูตร

การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh

ดูคอร์ส

คำแนะนำการฝึกหัด

นำเข้า RangeSlider
สร้าง slider โดยกำหนด title เป็น "Stock Price", ค่าเริ่มต้น (start) เป็น 10, ค่าสิ้นสุด (end) เป็น 47, value ให้ตรงกับค่า start และ end ภายในวงเล็บ และ step เป็น 1 สำหรับแต่ละการโต้ตอบกับวิดเจ็ต
เชื่อมค่า "value" ของ slider กับค่าเริ่มต้น (start) ของแอตทริบิวต์ x_range ของกราฟ โดยกำหนด attribute selector เป็นศูนย์
ทำซ้ำเพื่อเชื่อมค่า "value" ของ slider กับค่าสิ้นสุด (end) ของแอตทริบิวต์ x_range ของกราฟ โดยกำหนด attribute selector เป็นหนึ่ง

แบบฝึกหัดเชิงโต้ตอบแบบลงมือทำ

ลองทำแบบฝึกหัดนี้โดยเติมโค้ดตัวอย่างนี้ให้สมบูรณ์

# 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]))

แก้ไขและรันโค้ด