ปุ่มเลือกช่วงเวลาในกราฟปริมาณน้ำฝน
สถานีข่าวท้องถิ่นต้องการปรับปรุงกราฟิกในส่วนพยากรณ์อากาศของเว็บไซต์ และได้ติดต่อให้คุณช่วยพัฒนารูปภาพและตารางเก่า ๆ ให้น่าสนใจมากขึ้น
พวกเขาต้องการกราฟเส้น พร้อมตัวกรองสำหรับข้อมูล 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()