from app import *

# layout
layout = html.Div([
    html.H1('Conversion Rate'),
    dcc.Graph(id='output-conversion_rate'),
    ])

@app.callback(
        Output('output-conversion_rate', 'figure'),
        Input('data-conversion_rate', 'data'))
def update_figure(data):
    # conversion_rate
    conversion_rate_animation=pd.read_json(data['conversion_rate_animation'])
    fig_conversion_rate=px.bar(conversion_rate_animation, x="Date", y="Conversion rate", color='Type', hover_data=['Register count', 'Converted count'], animation_frame="Number of week based", range_y=[0,0.5], barmode='group', title='Register to Use Conversion Rate')
    update_theme(fig_conversion_rate)
    fig_conversion_rate.update_yaxes(tickformat=".2%")
    return(fig_conversion_rate)