Skip to content

Updated #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mhassam45 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Updated #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
107 changes: 55 additions & 52 deletions pydash.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
# -*- coding: utf-8 -*-
"""
Created on Wed Apr 10 13:54:01 2019

@author: Nitin
"""

Expand All @@ -10,83 +9,87 @@
import dash_html_components as html
import dash_core_components as dcc

#Code to start an application
# Code to start an application
app = dash.Dash()

#HTML layout and Graph components are defined in this section
# HTML layout and Graph components are defined in this section
app.layout = html.Div(children=[html.H1(children='Sample Dash Web App Dashboard'),
#-----------------------

# -----------------------
html.Div(
[
html.Div(
[
html.P('Choose Item:'),
dcc.Checklist(
id = 'Item_List',
options=[
{'label': 'Bread', 'value': 'Bread'},
{'label': 'Milk', 'value': 'Milk'},
{'label': 'Sugar', 'value': 'Sugar'}
],
values=['Bread', 'Milk', 'Sugar'],
labelStyle={'display': 'inline-block'}
),
],
className='six columns',
style={'margin-top': '10'}
),
], className="row"
),
#-----------------------
html.Div(children = '''Dash: A web based app to show Bar Graph'''),
[
html.Div(
[
html.P('Choose Item:'),
dcc.Checklist(
id='Item_List',
options=[
{'label': 'Bread', 'value': 'Bread'},
{'label': 'Milk', 'value': 'Milk'},
{'label': 'Sugar', 'value': 'Sugar'}
],
value=['Bread', 'Milk', 'Sugar'],
labelStyle={'display': 'inline-block'}
),
],
className='six columns',
style={'margin-top': '10'}
),
], className="row"
),
# -----------------------

html.Div(children='''Dash: A web based app to show Bar Graph'''),
dcc.Graph(id='dash_graph',

),
),
dcc.Graph(id='dash_graph_2',
figure = {'data': [{'x':[1,2,3,4,5], 'y':[4,6,3,8,1], 'type': 'bar', 'name':'Aeroplane'},
{'x':[1,2,3,4,5], 'y':[9,3,1,9,4], 'type': 'bar', 'name':'Car'},
{'x':[1,2,3,4,5], 'y':[4,6,3,8,1], 'type': 'line', 'name':'Train'},],
'layout':{'title': 'Dash Example App 2'}
}
)
figure={'data': [{'x': [1, 2, 3, 4, 5], 'y': [4, 6, 3, 8, 1], 'type': 'bar',
'name': 'Aeroplane'},
{'x': [1, 2, 3, 4, 5], 'y': [9, 3, 1, 9, 4], 'type': 'bar',
'name': 'Car'},
{'x': [1, 2, 3, 4, 5], 'y': [4, 6, 3, 8, 1], 'type': 'line',
'name': 'Train'}, ],
'layout': {'title': 'Dash Example App 2'}
}
)
])


@app.callback(
dash.dependencies.Output('dash_graph', 'figure'),
[dash.dependencies.Input('Item_List', 'values')])
[dash.dependencies.Input('Item_List', 'value')])
def update_graph(selector):
data = []
if 'Bread' in selector:
data.append({'x':[1,2,3,4,5], 'y':[4,6,3,8,1], 'type': 'bar', 'name':'Bread'})
data.append({'x': [1, 2, 3, 4, 5], 'y': [4, 6, 3, 8, 1], 'type': 'bar', 'name': 'Bread'})
if 'Milk' in selector:
data.append({'x':[1,2,3,4,5], 'y':[9,3,1,9,4], 'type': 'bar', 'name':'Milk'})
data.append({'x': [1, 2, 3, 4, 5], 'y': [9, 3, 1, 9, 4], 'type': 'bar', 'name': 'Milk'})
if 'Sugar' in selector:
data.append({'x':[1,2,3,4,5], 'y':[4,6,3,8,1], 'type': 'bar', 'name':'Sugar'})
data.append({'x': [1, 2, 3, 4, 5], 'y': [4, 6, 3, 8, 1], 'type': 'bar', 'name': 'Sugar'})
figure = {
'data': data,
'layout': {
'title': 'Item Graph',
'xaxis' : dict(
'xaxis': dict(
title='X-Axis',
titlefont=dict(
family='Calibri, monospace',
size=20,
color='#3FFF33'
)),
'yaxis' : dict(
family='Calibri, monospace',
size=20,
color='#3FFF33'
)),
'yaxis': dict(
title='Y-Axis',
titlefont=dict(
family='Garamond, monospace',
size=20,
color='#F9FF33'
))
family='Garamond, monospace',
size=20,
color='#F9FF33'
))
}
}
return figure

#Code to run the application

# Code to run the application
if __name__ == '__main__':
app.run_server(debug = True)
app.run_server(debug=True)