2017-08-08 214 views
5

我想使用BokehJS做一個如下所示的情節。重疊酒吧與BokehJS條形圖

具體來說,我有兩個共享x標籤的數據系列,我想用不同的顏色(足夠簡單)製作條形圖。但在風格上,我希望一個酒吧比另一個酒吧狹窄,而他們在x軸上共享同一個中心。出於能見度的考慮,更寬的條應顯示在「更窄的條」後面。

此外,我想使用純粹的BokehJS,而不是使用Python界面。我無法找到這種造型的例子。任何幫助將非常感激!

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

Bar chart with overlapping bars

回答

0

bokeh.plotting.vbar使用並繪製所述第二數據集時的寬度設置爲一個較小的值。

+0

任何機會,你可以顯示一個工作jsfiddle? – 8one6

+0

請參閱https://stackoverflow.com/questions/44491172/how-to-draw-categorical-bar-plot-using-vbar-method-in-bokeh-plotting-module?rq=1的答案用vbar繪圖。在這個答案中,寬度是恆定的,只有一個數據集被繪製出來。繪製第二個應該是直截了當的。 – verisimilidude