#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
Created on Thu Oct 15 15:54:43 2020

@author: JQL_2020_4_15
"""
'''dash tutorial'''

import dash
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
from pandas_datareader import data as web
from datetime import datetime as dt



app = dash.Dash('hello world')
app.layout = html.Div([dcc.Dropdown(id = 'my-dropdown',
                                    options = [{'label': 'Coke', 'value': 'COKE'},
            {'label': 'Tesla', 'value': 'TSLA'},
            {'label': 'Apple', 'value': 'AAPL'}],value = 'COKE'),dcc.Graph(id = 'my-graph')],style={'width':'500'})
@app.callback(Output('my-graph','figure'),[Input('my-dropdown', 'value')])

def update_graph(selected_dropdown_value):
    df = web.DataReader(selected_dropdown_value,'google', dt(2017,1,1),dt.now())
    return{'data':[{'x':df.index,'y':df.Close}],'layout':{'margin':{'l':40,'r':0,'t': 20, 'b': 30}}}

app.css.append_css({'external_url':'https://codepen.io/chriddyp/pen/bWLwgP.css'})


app.run_server()