file-styles-new-graph #1

Merged
s434749 merged 5 commits from file-styles-new-graph into master 2021-06-22 07:42:20 +02:00
2 changed files with 23 additions and 6 deletions
Showing only changes of commit 4f5381bf41 - Show all commits

View File

@ -245,7 +245,7 @@ a:hover {
display: inline-block; display: inline-block;
height: 38px; height: 38px;
padding: 0 30px; padding: 0 30px;
color: #555; color: #fff;
text-align: center; text-align: center;
font-size: 11px; font-size: 11px;
font-weight: 600; font-weight: 600;
@ -485,7 +485,7 @@ a {
padding-bottom: 12px; padding-bottom: 12px;
} }
.Select-control, .Select-menu-outer, .Select-multi-value-wrapper, .select-up, .is-open .Select-control { .Select-control, .Select-menu-outer, .Select-multi-value-wrapper, .select-up, .is-open .Select-control {
background-color: #1E1E1E; background-color: #1E1E1E !important;
color: white; color: white;
} }
@ -632,3 +632,15 @@ a {
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: #d8d8d870 !important; background: #d8d8d870 !important;
} }
/* OWN STYLES */
.gauges{
display: flex;
flex-wrap: wrap;
}
#average_gauge{
flex-grow: 1;
}

View File

@ -117,14 +117,18 @@ app.layout = html.Div(
style={'backgroundColor': '#1E1E1E'}, style={'backgroundColor': '#1E1E1E'},
className='stockselector' className='stockselector'
), ),
html.Button("Pobierz dane", id="btn_data"), html.Button("Pobierz dane", id="btn_data",style={'margin-top': '3rem'}),
dcc.Download(id="download-data") dcc.Download(id="download-data")
], ],
style={'color': '#1E1E1E'}), style={'color': '#1E1E1E'}),
html.P('Wybierz przedział czasu by policzyć średnie i wachania'), html.P('Wybierz przedział czasu by policzyć średnie i wachania'),
dcc.Graph(id='average_gauge'), html.Div(
dcc.Graph(id='volatility_gauge'), className='gauges',
children=[
dcc.Graph(id='average_gauge'),
dcc.Graph(id='volatility_gauge')
]),
dash_table.DataTable( dash_table.DataTable(
id='info_in_time_period', id='info_in_time_period',
style_header={'backgroundColor': 'rgb(30, 30, 30)'}, style_header={'backgroundColor': 'rgb(30, 30, 30)'},
@ -153,7 +157,8 @@ app.layout = html.Div(
# Callback for downloading file # Callback for downloading file
@app.callback( @app.callback(
Output("download-data", "data"), Output("download-data", "data"),
[Input("btn_data", "n_clicks"), Input('table_selector', 'value')], Input("btn_data", "n_clicks"),
State('table_selector', 'value'),
prevent_initial_call=True, prevent_initial_call=True,
) )
def create_download_file(n_clicks, selected_table): def create_download_file(n_clicks, selected_table):