# Run this app with `python app.py` and
# visit http://127.0.0.1:8050/ in your web browser.

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.express as px
import pandas as pd


external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

df = pd.read_csv('http://192.168.95.6/html-reports/2021-07-20-16-25-05_lf_check/dataplane-2021-07-20-04-28-42/kpi.csv', sep='\t')

append_df = pd.read_csv('http://192.168.95.6/html-reports/2021-07-24-03-00-01_lf_check/dataplane-2021-07-24-03-06-02/kpi.csv', sep='\t')

df = df.append(append_df, ignore_index=True)

#print(df)
                 
fig = (px.scatter(df, x="Date", y="numeric-score",
                 color="short-description", hover_name="short-description",
                 size_max=60)).update_traces(mode='lines+markers')

'''
fig = px.scatter(df, x="Date", y="numeric-score",
                 color="short-description", hover_name="short-description",
                 size_max=60)
'''              
'''
fig = px.scatter(df, x="short-description", y="numeric-score",
                 color="short-description", hover_name="short-description",
                 size_max=60)
'''
fig .update_layout(
    title="Throughput vs Packet size",
    xaxis_title="Packet Size",
    yaxis_title="Mbps",
    xaxis = {'type' : 'date'}
)


app.layout = html.Div([
    dcc.Graph(
        id='packet-size vs rate',
        figure=fig
    )
])

if __name__ == '__main__':
    app.run_server(debug=True)