使用BokehJS条形图重叠条形

Question

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

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

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

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

Answer 1

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