具有3个不同数据点的数据可视化

Question

希望我能清楚地说出我要做什么。 我有一个犯罪数据文件-犯罪种类（纵火，入室盗窃等）以及发生的时间和日期。我使用Python，Dash和Plotly制作了一个仪表板，以显示该数据的不同图形。该文件是每次犯罪一行。

我目前正在为犯罪发生的每个“时间段”添加一列。因此，上午12:30的犯罪进入了上午12点至凌晨1点。我添加了一个名为“ Counter”的列，其值为1。然后我按犯罪率对每个存储分区进行了Counter计数。

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'),}