はFigure.circle
のColumnDataSource
で定義された2つの着色スキームのうち選択しmodels.Select
ウィジェットとmodels.CustomJS
を使用してソリューションの例です:
import bokeh
import bokeh.plotting
p = bokeh.plotting.figure(x_range=(0,4), y_range=(0,4), plot_height=200)
csource = bokeh.models.ColumnDataSource(data=dict(
x=[1,2,3],
y=[1,2,1],
colors1=["#ff0000","#00ff00","#0000ff"],
colors2=["#ff00ff","#ffff00","#00ffff"]))
cir = p.circle(x="x",y="y",fill_color="colors1",line_color="colors1",
size=20,source=csource)
cb_cselect = bokeh.models.CustomJS(args=dict(cir=cir,csource=csource), code ="""
var selected_color = cb_obj.value;
cir.glyph.line_color.field = selected_color;
cir.glyph.fill_color.field = selected_color;
csource.trigger("change")
""")
color_select = bokeh.models.Select(title="Select colors", value="colors1",
options = ["colors1","colors2"], callback = cb_cselect)
layout = bokeh.layouts.gridplot([[p],[color_select]])
bokeh.io.output_file("output.html")
bokeh.io.show(layout)
出力は、撮影のために
のおかげのように見えます例を挙げる時間。色のデータソースに列を作成し、コールバックを使用してその列に色をロードするだけでよいことに気付きました。 –
JSコールバックからカラーバーを変更する方法も知っていますか? –
私はまだカラーバーの機能をテストしていません。以前のバージョンのBokehにはカラーバーがなかったので、2番目のプロットとして作成し、matplotlibマップに基づいていくつかのカラーバー選択を追加しました:https://github.com/pmreyes2/bokeh_utilsを参照してください。 –