Hey guys if I am trying to use an input menu (using a google api for stock tickers) and each selection populates 2 brand new graphs. I am not able to structure it correctly and keep getting errors.
app.layout = html.Div(children = [
html.H1(children = " Graph"),
html.Div(children = ‘’’
symbol to graph
‘’’),
dcc.Input(id = ‘input’,value =’’,type = ‘text’),
html.Div(id = ‘output_graph’)
])
@app.callback(
Output(component_id=‘output_graph’,component_property=‘children’),
[Input(component_id=‘input’,component_property=‘value’)])
def update_graph(input_data):
start = datetime.datetime(2017, 1, 1)
end = datetime.datetime.now()
source = ‘yahoo’
df = web.DataReader(input_data, source, start, end)
return dcc.Graph(id = ‘example’,
figure={
‘data’: [
{‘x’:df.index,
‘y’:df[‘Close’],
‘type’:‘line’,
‘name’:input_data},
],
‘layout’: {
‘title’: input_data
}
},className = ‘row’
)
@app.callback(
Output(component_id=‘output_graph’,component_property=‘children’),
[Input(component_id=‘input’,component_property=‘value’)])
def update_graph2(input_data):
return dcciGraph(id = ‘example2’,
figure = {
‘data’: {
‘x’ : [1,2,3],
‘y’ : [2,1,5],
‘type’:‘bar’,
‘name’ : ‘graph2’
},
‘layout’: {
‘title’ : ‘graph2’
}
},className = ‘row’)