I tried using the bootstrap components to plot 2 graphs such a way that each plot occupies 6 columns. but, the outcome is different. Help would be much appreciated.One graph is a subplot of 4 plots and another one is single plot. They are overlapping each other.
Hey @sangsang, could you share some example code that reproduces the issue?
hereby , sharing the portion of the code:
external_stylesheets = [‘https://codepen.io/chriddyp/pen/bWLwgP.css’]
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.layout=html.Div(children=
[
dbc.Row(html.Div(
[
dbc.Col(html.Div(
[
dcc.Graph(
figure=plotly_fig)
]),width={'size':6,'order':1}
),
dbc.Col(html.Div(
[
dcc.Graph(
figure=pfig
)
]
),width={'size':6,'order':2}
)
]
)
)
]
)
The graph components contain the matplotlib plots which were converted to plotly objects.