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

ปุ่มเลือกช่วงเวลาในกราฟปริมาณน้ำฝน

สถานีข่าวท้องถิ่นต้องการปรับปรุงกราฟิกในส่วนพยากรณ์อากาศของเว็บไซต์ และได้ติดต่อให้คุณช่วยพัฒนารูปภาพและตารางเก่า ๆ ให้น่าสนใจมากขึ้น

พวกเขาต้องการกราฟเส้น พร้อมตัวกรองสำหรับข้อมูล 4 สัปดาห์ย้อนหลัง (4WTD), 48 ชั่วโมงที่ผ่านมา (48HR), และข้อมูลตั้งแต่ต้นปี (YTD)

ในแบบฝึกหัดนี้ คุณจะช่วยสถานีข่าวสร้างกราฟเส้นพร้อมปุ่มเลือกช่วงเวลาตามที่ร้องขอ

มี DataFrame ชื่อ rain พร้อมให้ใช้งานพร้อมข้อมูลที่จำเป็นแล้ว

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

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

ดูคอร์ส

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

  • สร้างรายการปุ่มตามที่กำหนด โดยใช้ชื่อที่ระบุไว้ข้างต้น
  • อัปเดต figure โดยใช้ update_layout() เพื่อเพิ่มปุ่มจากรายการที่สร้างขึ้น

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

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

# Create the buttons
date_buttons = [
{'count': ____, 'label': "____", 'step': "day", 'stepmode': "todate"},
{'count': ____, 'label': "____", 'step': "hour", 'stepmode': "todate"},
{'count': ____, 'label': "____", 'step': "year", 'stepmode': "todate"}]

# Create the line chart
fig = px.line(rain, x='Date', y='Rainfall', 
              title= "Rainfall (mm)")

# Add the buttons
fig.update_layout(dict(
    xaxis=dict(
        ____=dict(buttons=____)
    )))

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