I've been working with dash recently and come across a problem. My Graph on the Side does not expand to the full size of the dbc column and I dont get why. In the end I want both line charts stacked above each other and the bar chart next to them. If anybody has a fix for the I'd highly appreciate it.
content = html.Div(
[
dbc.Row(
[
dbc.Col(
[
dbc.Row([
html.P(id="Ticker-Chart-Headline", style={"textAlign": "center"}),
dcc.Graph(id="line-graph"),
]),
dbc.Row([
html.P(id="Indicator-Chart-Headline", style={"textAlign": "center"}),
dcc.Graph(id="Indicator-Graph")
])
], width={"size": 7},
className="bg-dark text-white"
),
dbc.Col(
[
html.P(id="Backtesting-Graph-Headline", style={"textAlign": "center"}),
dcc.Graph(id="Backtesting-Graph",responsive=True)
], width={"size": 5},
className="bg-dark text-white"
)
],
style={
"margin-top": "0px", "margin-left": "8px",
"margin-bottom": "8px"}),
]
)
app.layout = dbc.Container(
[
html.H1("Stock market trading Dashbaord", id="Headline",
style={"color": "white", "textAlign": "center", "font-weight": "bold"}),
dbc.Row(
[
dbc.Col(sidebar, width=2, className="text-white bg-primary font-italic"),
dbc.Col(content, width=10, className="text-white font-italic")
],
),
],
fluid=True
)`
