Python 3.x 无法使用Bokeh和Python绘制数据点-显示空布局

我有一个dataframe，它具有以下值。我希望用Bokeh将它们绘制在交互式图形上

locs = ['a', 'b', 'c']
prime_vals = [1000, 54, 457]
sub_vals = [0, 112, 34]
my_dict = {'loc' : locs, 'prime' : prime_vals, 'sub' : sub_vals}
df = pd.DataFrame(my_dict)
df

*我希望“prime”和“sub”在可视化中是两个不同的复选框。您可以同时选择这两个选项（prime和sub）并查看与“loc”相关的值或单独查看它们的值。
下面是我的代码，但它只给了我下图-没有任何值。

---

我无法理解为什么没有绘制数据点

你在JavaScript控制台中有什么吗？@EugenePakhomov没有，我没有写JavaScript代码。博克负责，我不是这么问的。运行代码，进入看到空绘图的步骤，在看到绘图的同一选项卡中打开JavaScript控制台，查看是否存在任何错误/警告。

p = figure(plot_width=1200, plot_height = 800)
aline = p.line(df["locs"], df['prime_vals'], line_width=2, 
color=Viridis4[0])
bline = p.line(df["locs"], df['sub_vals'], line_width=2, 
color=Viridis4[3])

p.yaxis.axis_label = 'x - axis label '
p.xaxis.axis_label = 'y - axis label'
legend = Legend(items=[("Prime",   [aline]),("Sub", [bline])], location=(0, 450))

t = Title()
t.text = 'Prime and sub roles over various offices'
p.title = t

p.add_layout(legend, 'left')

checkboxes = CheckboxGroup(labels=list(['Prime', 'Sub']), active=[0, 1])
callback = CustomJS(code="""aline.visible = false; // aline and etc.. are 
                        bline.visible = false; // passed in from args
                        // cb_obj is injected in thanks to the callback
                        if (cb_obj.active.includes(0)){aline.visible = true;} 
                            // 0 index box is aline
                        if (cb_obj.active.includes(1)){bline.visible = true;} """,                            
                args={'aline': aline, 'bline': bline})
checkboxes.js_on_click(callback)
output_file('some_name.html')
show(row(p, checkboxes))