เริ่มต้นใช้งานเริ่มต้นใช้งานได้ฟรี

Slider ปริมาณฝนรายฤดูกาล

สำนักงานอุตุนิยมวิทยาออสเตรเลียได้ว่าจ้างให้ต่อยอดงานวิชวลไลเซชันปริมาณฝนรายเดือนในซิดนีย์ที่เคยสร้างไว้

คราวนี้พวกเขาต้องการให้สามารถสลับดูข้อมูลแต่ละฤดูกาลได้ ไม่ใช่แบบปุ่มหรือ dropdown แต่เป็นการเลื่อนไปมาระหว่างฤดูกาล

ฟังดูเหมาะกับ slider มาก!

ในแบบฝึกหัดนี้ ให้สร้างแผนภูมิแท่งของข้อมูลปริมาณฝน พร้อม slider สำหรับสลับฤดูกาล

มี DataFrame rain_pm พร้อมใช้งานแล้ว

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

การแสดงผลข้อมูลด้วย Plotly ใน Python

ดูคอร์ส

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

  • ตั้งป้ายกำกับแต่ละขั้นของ slider ให้ตรงกับฤดูกาลที่ถูกต้อง ตามลำดับที่วนลูปไว้
  • กำหนดการมองเห็น trace ในแต่ละขั้นของ slider ให้แสดงเฉพาะฤดูกาลที่ถูกต้อง
  • เพิ่ม slider เข้าไปใน layout ของกราฟ

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

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

fig = go.Figure()

for season in ['Autumn', 'Winter', 'Spring']:
    df = rain_pm[rain_pm.Season == season]
    fig.add_trace(px.bar(df, x="Month", y="Total Rainfall", title=season).data[0])
    
# Create the slider elements
sliders = [
    {'steps':[
    {'method': 'update', 'label': '____', 'args': [{'visible': [____, ____, ____]}]},
    {'method': 'update', 'label': '____', 'args': [{'visible': [____, ____, ____]}]},
    {'method': 'update', 'label': '____', 'args': [{'visible': [____, ____, ____]}]}]}]

# Add the slider to the figure 
fig.update_layout({'____': ____})

fig.show()
แก้ไขและรันโค้ด