Tidsknappar i vårt nederbördsdiagram
En lokal nyhetsstation vill uppdatera grafiken i väderdelen av sin webbplats. De har kontaktat dig för att hjälpa till att fräscha upp de gamla bilderna och tabellerna.
De har efterfrågat ett linjediagram med möjlighet att filtrera data för de senaste 4 veckorna (4WTD), de senaste 48 timmarna (48HR) och hittills i år (YTD).
I den här övningen hjälper du nyhetsstationen att bygga sitt linjediagram med de efterfrågade knapparna.
Du har tillgång till ett rain-DataFrame som innehåller nödvändiga data.
Den här övningen är en del av kursen
Introduktion till datavisualisering med Plotly i Python
Övningsinstruktioner
- Skapa listan med knappar enligt specifikationen, med de namn som anges ovan.
- Uppdatera figuren med
update_layout()för att konstruera knapparna med hjälp av listan du just skapade.
Interaktiv övning med praktiskt arbete
Testa den här övningen genom att slutföra den här exempelkoden.
# 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()