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;
height: 38px;
padding: 0 30px;
color: #555;
color: #fff;
text-align: center;
font-size: 11px;
font-weight: 600;
@ -485,7 +485,7 @@ a {
padding-bottom: 12px;
}
.Select-control, .Select-menu-outer, .Select-multi-value-wrapper, .select-up, .is-open .Select-control {
background-color: #1E1E1E;
background-color: #1E1E1E !important;
color: white;
}
@ -632,3 +632,15 @@ a {
::-webkit-scrollbar-thumb:hover {
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'},
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")
],
style={'color': '#1E1E1E'}),
html.P('Wybierz przedział czasu by policzyć średnie i wachania'),
html.Div(
className='gauges',
children=[
dcc.Graph(id='average_gauge'),
dcc.Graph(id='volatility_gauge'),
dcc.Graph(id='volatility_gauge')
]),
dash_table.DataTable(
id='info_in_time_period',
style_header={'backgroundColor': 'rgb(30, 30, 30)'},
@ -153,7 +157,8 @@ app.layout = html.Div(
# Callback for downloading file
@app.callback(
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,
)
def create_download_file(n_clicks, selected_table):