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

Trouble Plotting Graph

Hello- Trying to create a bar graph from a dictionary of values. I am having trouble getting the graph to show on Dash properly. I’ve tried a few different things to get it formatted correctly but no such luck. Any suggestion on what I may be doing wrong in my code to get the graph to appear? How do I loop over a dictionary so that for each drop down menu item a bar chart will appear?

 import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go
import pandas as pd
from pandas_datareader.data import DataReader
import time
from collections import deque
import plotly.graph_objs as go

df=pd.read_csv(‘factors.csv’)

df_port=df[[‘Factor’,‘PortfolioExposure’]]

app=dash.Dash()
app.layout = html.Div([
html.Div([
html.H2(‘Factor Exposures’,
style={‘float’: ‘left’,
}),
]),
dcc.Dropdown(id=‘Factor’,
options=[{‘label’: s[0], ‘value’: str(s[1])}
for s in zip(df_port.Factor, df_port.PortfolioExposure)],
value=[‘Volatility’,‘Leverage’],
multi=True),
html.Div(children=html.Div(id=‘graphs’))], className=‘row’)

@app.callback(
dash.dependencies.Output(‘graphs’,‘children’),
[dash.dependencies.Input(‘Factor’, ‘value’)]
#events=[dash.dependencies.Event(‘graph-update’, ‘interval’)]
)
def update_graph(df_port):
graphs = []

for i in df_port:
data = go.Bar(
x=df_port.Factor,
y=df_port.PortfolioExposure,
name='Betas'
)
graphs.append(html.Div(dcc.Graph(
    id=factors,
    animate=True,
    figure={'data': [data],'layout' : go.Layout(xaxis={'title':'Factor'},
                                                yaxis={'title':'Beta'},
                                                margin={'l':50,'r':1,'t':45,'b':1},
                                                title='{}'.format(factors))})))

return graphs

may i ask why you’ve got dcc.Graphs in the return function, and not in the layout?
i would have something like

 import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go
import pandas as pd
from pandas_datareader.data import DataReader
import time
from collections import deque
import plotly.graph_objs as go

df=pd.read_csv(‘factors.csv’)

df_port=df[[‘Factor’,‘PortfolioExposure’]]

app=dash.Dash()
app.layout = html.Div([
html.Div([
html.H2(‘Factor Exposures’,
style={‘float’: ‘left’,
}),
]),
dcc.Dropdown(id=‘Factor’,
options=[{‘label’: s[0], ‘value’: str(s[1])}
for s in zip(df_port.Factor, df_port.PortfolioExposure)],
value=[‘Volatility’,‘Leverage’],
multi=True),
dcc.Graph(style={'height': 500},
          id='graphs'),)], className=‘row’)

@app.callback(
dash.dependencies.Output(‘graphs’,‘figure’),
[dash.dependencies.Input(‘Factor’, ‘value’)]
#events=[dash.dependencies.Event(‘graph-update’, ‘interval’)]
)
def update_graph(df_port):

data = []
for i in df_port:
data.append( go.Bar(
x=df_port.Factor,
y=df_port.PortfolioExposure,
name=‘Betas’
))

    figure={'data': data,

‘layout’ : go.Layout(xaxis={‘title’:‘Factor’},
yaxis={‘title’:‘Beta’},
margin={‘l’:50,‘r’:1,‘t’:45,‘b’:1},
title=’{}’.format(factors))})))

return figure
1 Like