2017-08-08 18 views
5

私はBokehJSを使って下図のようなプロットをしたいと思います。BokehJS棒グラフの重なり棒

具体的には、私はx-ラベルを共有する2つのデータ系列を持ち、それぞれを異なる色で表示する棒グラフを作成したいと考えています。しかし、スタイル的には、どちらのバーもx軸上の同じ中心を共有しながら、一方のバーは他方のものより狭くしたいと思います。可視性のために、幅の広いバーは狭いバーの「後ろ」に表示する必要があります。

また、Pythonインターフェイスを使用するのではなく、純粋にBokehJSを使用しています。このスタイリングでは例が見つかりません。どんな助けでも大歓迎です!

ああ!一つの最後のこと:理想的には、私はこのグラフをjavascriptを使ってオンザフライで更新できるようにしたいと思います。だから、練習の冒頭で言うと、私のデータはjavascript変数にありますが、別のjavascript変数(同じ構造体で)に代替データがあります。私は、データを更新して、グラフをクライアント側で再レンダリングできるようにしたいと思います。最悪の場合、Bokehプロットを完全に分解し、更新する必要があるときにゼロから再描画するのに十分なJSを書く方法を知っています。しかし、私は単純に新しい数値データを注入し、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でプロットする。その答えでは、幅は一定であり、1つのデータセットだけがプロットされています。 2番目のプロットは直進的でなければなりません。 – verisimilidude

関連する問題