與BokehJS條形圖重疊的酒吧

Question

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

具體來說，我有兩個共享x標簽的數據系列，我想制作一個條形圖，以不同的顏色顯示每個（足夠簡單）。 但是風格方面，我希望一個條形比另一個條形窄，而它們在x軸上共享相同的中心。 為了可見度，較寬的條應顯示在較窄條的“后面”。

而且，我想使用純粹的BokehJS，而不是使用Python界面。 我找不到這種造型的例子。 任何幫助將非常感激！

哦! 最后一件事：理想情況下，我希望能夠使用javascript動態更新此圖表。 所以說在練習開始時，我的數據是一個javascript變量，但我在另一個javascript變量（具有相同的結構）中有備用數據。 我希望能夠更新數據並在客戶端重新呈現圖形。 最糟糕的情況是，我知道如何編寫足夠的JS以完全拆除Bokeh圖並在需要更新時從頭開始重繪。 但我必須想象有一種方法可以簡單地注入新的數值數據並告訴Bokeh圖更新自己。 但也許我太樂觀了？

Answer 1

使用bokeh.plotting.vbar並在繪制第二個數據集時將寬度設置為較小的值。