Визуализация данных с 3 различными точками данных

Question

Надеюсь, я смогу сформулировать, что я пытаюсь сделать.У меня есть файл данных о преступлении - какое преступление (поджог, кража со взломом и т. Д.) И время и дата его совершения.Я использую Python, Dash и Plotly, чтобы создать панель для отображения различных графиков для этих данных.Файл содержит одну строку для каждого преступления.

В настоящее время я добавляю столбец для каждого «временного сегмента», в котором произошло преступление.Таким образом, преступление в 12:30 утра входит в 12:00 - 1:00 ведро.Я добавляю столбец с именем «Счетчик» со значением 1. Затем я делаю подсчет счетчика по каждому сегменту по преступности.

df4 = df3.groupby(['CrimeDesc' , 'TimeRange']).agg({      
                                     'Counter': "count" 
                                     }) 

Я хотел бы построить график, подобный приведенному ниже, - я сделалчто в Excel.Я попытался поместить две точки данных в оси x или y, но это приводит к ошибке (KeyError: ('TimeRange', 'Counter')):

return {'data':[go.Bar(x=df5['CrimeDesc'],
                          y=df5['TimeRange','Counter'],
                        #  mode='markers',
                          marker={ #'size':15,
                                  'opacity':0.5,
                                  'line':{'width':0.5,'color':'green'}})
                          ],
                          'layout':go.Layout(title='Crime Stuff',
                          xaxis = {'title':'Crime Description'},
                          yaxis = {'title':'Number of Crimes'},
                          hovermode='closest'),}