Displaying excel columns correctly in dash

Hello,

I have a question with dispalying the graphs with excel.
In this example I would like to have these mails display wich one submited data,clicked the link and where it was just the email sent.
I have over 50 mails to try in one csv.
What exactly I’m doing wrong in this example?
Any help would help me learn a bit more.

This is my excel file:
image

this is how my app looks in the browser:

This is my code

import dash                     
from dash.dependencies import Input, Output, State
from dash import dcc
from dash import html
import plotly.express as px     

import pandas as pd             
import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import plotly.graph_objs as go
app_name = 'dash-exceledataplot'
 
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
 
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.title = 'CData + Dash'
df = pd.read_excel("C:\\Users\\me\\Desktop\\citanje csv \\maybe.xlsx")

trace = go.Bar(x=['email'], y=['message', 'time'])
 
app.layout = html.Div(children=[html.H1("CData Extension + Dash", style={'textAlign': 'center'}),
dcc.Graph(
id='example-graph',
figure={
'data': [trace],
'layout':
go.Layout(title='Phishing test report', barmode='stack')
})
], className="container")

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

since you are using plotly.graph_objects you have to change this line into

trace = go.Bar(x=df['email'], y=df[['message', 'time']])