与散景JS条形图重叠的条形图

问：

我想使用 BokehJS 制作如下图所示的图。

具体来说，我有两个共享 x 标签的数据系列，我想制作一个条形图，以不同的颜色显示每个数据系列（很简单）。但是在风格方面，我希望一个条形比另一个更窄，同时它们在 x 轴上共享相同的中心。为了便于可见，较宽的条形图应显示在较窄条形图的“后面”。

此外，我想使用纯粹的 BokehJS，而不是使用 Python 接口。我找不到任何具有这种样式的示例。任何帮助将不胜感激！

哦！最后一件事：理想情况下，我希望能够使用 javascript 即时更新此图表。因此，假设在练习开始时，我的数据位于 javascript 变量中，但我在另一个 javascript 变量（具有相同的结构）中有备用数据。我希望能够更新数据并在客户端重新呈现图形。最坏的情况是，我知道如何编写足够的 JS 来完全拆除散景图，并在需要更新时从头开始重新绘制。但我必须想象有一种方法可以简单地注入新的数值数据并告诉散景图自我更新。但也许我太乐观了？