Black Lives Matter. Please consider donating to Black Girls Code today.

Scrolling multiple plots

Hi, i am trying to scroll the next plots, but when i try it, this graphs autozise to the page and the scroll does not work, the code is below.

                html.Div(
                    dbc.Row([
                        dbc.Col(dcc.Graph(id="name_1",
                                           figure = figure1
                                           ),style={'display': 'inline','width':'600'}),
                        dbc.Col(dcc.Graph(id="name_2",
                                           figure = figure2
                                           ),style={'display': 'inline','width':'600'}),
                        dbc.Col(dcc.Graph(id="name_3",
                                           figure = figure3,
                                           ),style={'display': 'inline','width':'600'}),
                        dbc.Col(dcc.Graph(id="name_4",
                                           figure = figure4
                                           ),style={'display': 'inline','width':'600'}),
                        dbc.Col(dcc.Graph(id="name_5",
                                           figure = figure5
                                           ),style={'display': 'inline','width':'600'})]
                        ),style={'overflowX': 'scroll', 'height':'1200','width':'3400'}
                    )
                    ) 

The graphs were build under cufflinks library.

thanks for your help. :slight_smile:

Hey, have you tried with numbers instead of strings for the widths?

                html.Div(
                    dbc.Row([
                        dbc.Col(dcc.Graph(id="name_1",
                                           figure = figure1
                                           ),style={'display': 'inline','width':600}),
                        dbc.Col(dcc.Graph(id="name_2",
                                           figure = figure2
                                           ),style={'display': 'inline','width':600}),
                        dbc.Col(dcc.Graph(id="name_3",
                                           figure = figure3,
                                           ),style={'display': 'inline','width':600}),
                        dbc.Col(dcc.Graph(id="name_4",
                                           figure = figure4
                                           ),style={'display': 'inline','width':600}),
                        dbc.Col(dcc.Graph(id="name_5",
                                           figure = figure5
                                           ),style={'display': 'inline','width':600})]
                        ),style={'overflowX': 'scroll', 'height':1200,'width':3400}
                    )
                    )

I have it, but it doesn´t work.