Facing Problem in layout of Dashx Please help me

Dash Python
1

Screenshot from 2021-03-15 12-32-55
Screenshot from 2021-03-15 12-32-551600×900 63.6 KB

here i have tried every possible ways to reduce margin in bottom but i could not find a way

anyone please help me with this

Code

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = DjangoDash('ResultGraph', external_stylesheets=external_stylesheets)


fig = go.Figure()
fig.add_trace(go.Scatter(x=[1,2,3,4,5,6,7,8], y=[9,8,6,7,8,9.5,10,6], name="SPI",
                        mode='lines+markers',line=dict(color='#65E0BA', width=3),marker=dict(color='#15607A', size=7)))
fig.add_trace(go.Scatter(x=[1,2,3,4,5,6,7,8], y=[9,8.5,7.66,7.5,7.6,7.91,8.21,7.93], name="CPI",
                        mode='lines+markers',line=dict(color='#46B1D3', width=3),marker=dict(color='#1B617B', size=7)))
fig.add_trace(go.Scatter(x=[5,6,7,8], y=[8,8.75,9.16,8.37], name="CGPA",
                        mode='lines+markers',line=dict(color='#FF8900', width=3),marker=dict(color='#C71E1D', size=7)))

fig.update_layout(title='Semester-Wise Performance Indices',
                    xaxis_title='Semesters',
                    yaxis_title='SPI',
                    xaxis=dict(range=[0.5,8.5], autorange=True),
                    yaxis=dict(range=[5, 10.5], autorange=True))

app.layout = html.Div(children=[
    dcc.Graph(
        id='example-graph',
        figure=fig
    )
    
])
2

I can help only by sharing what I’d do in that situation.
First inspect page in your browser and try to figure out where margin-bottom comes from.
Try to eliminate margin in style/css file.
Tinker with plotly layout settings.
Also try to zoom out with the page - if margin disappears then you have some element that is carried over below the graph. (can be done while inspecting the page while in a browser)

Hope this helps.