与BokehJS条形图重叠的酒吧

Question

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

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

而且，我想使用纯粹的BokehJS，而不是使用Python界面。 我找不到这种造型的例子。 任何帮助将非常感激！

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

Answer 1

使用bokeh.plotting.vbar并在绘制第二个数据集时将宽度设置为较小的值。