蟒蛇散景;使用GMapPlot上的CustomJS回调更改补丁颜色 [英] python bokeh; change Patch colours with CustomJS callback on GMapPlot

问题描述

我正在尝试在我的散景图中添加一个按钮，这样我就可以更改使用回调添加到GMapPlot的补丁字形上使用的颜色。

目前我所拥有的是：

 来自bokeh.io import output_file，显示来自bokeh的
。模型导入GMapPlot，GMapOptions，ColumnDataSource，DataRange1d，Patch 
 
 map_options = GMapOptions（lat = -41.281909，lng = 174.775993，zoom = 13）
p = GMapPlot（x_range = DataRange1d（），y_range = DataRange1d（），map_options = map_options，api_key = API_KEY）
 lats = [-41.281909，-41.281044，-41.294968] 
 longs = [174.775993,174.761222,174.764916] 
 source = ColumnDataSource（ data = dict（lats = lats，longs = longs））
 patch = Patch（x ='longs'，y ='lats'，fill_color ='red'，fill_alpha = 0.2）
 p.add_glyph （来源，补丁）
 output_file（'gmapplot.html'）
 show（p）
  

我希望能够通过回调使用按钮编辑fill_color。我尝试挪用

如果那不是你要问的话，我必须温和地暗示问题不明确。

I'm trying to add a button to my bokeh plot that will allow me to change the colour used on a patch glyph that I've added to a GMapPlot using a callback.

Currently what I have is:

from bokeh.io import output_file, show
from bokeh.models import GMapPlot, GMapOptions, ColumnDataSource, DataRange1d, Patch

map_options = GMapOptions(lat=-41.281909, lng=174.775993, zoom=13)
p = GMapPlot(x_range=DataRange1d(), y_range=DataRange1d(), map_options=map_options, api_key=API_KEY)
lats = [-41.281909, -41.281044, -41.294968]
longs = [174.775993, 174.761222, 174.764916]
source = ColumnDataSource(data=dict(lats=lats, longs=longs))
patch = Patch(x='longs', y='lats', fill_color='red', fill_alpha=0.2)
p.add_glyph(source, patch)
output_file('gmapplot.html')
show(p)

I'd like to be able to edit that fill_color through a callback using a button. I tried appropriating this response but haven't been able to get it to work.

Any help would be greatly appreciated.

PS. If you're trying to run this code you will need to use your own google maps API key. You can get one here.

解决方案

The other response changes the fill_color of a bunch of circles to refer to a different column of colors in a column data source (so that all the circles can have their own color) by changing the field attribute. Since you are trying to set just a single color value for the once Patch, you probably want to set value instead of field

cb = CustomJS(args=dict(patch=patch), code ="""
    patch.glyph.fill_color.value = 'blue';
""")

I guess it's possible you might need a trigger there but I don't think so.

The patch and line glyphs are the two glyphs that are a little quirky in the API, because they don't really support vectorized properties like all the other glyphs do.

---

UPDATE: Perhaps a complete example is clearer. Also FYI the trigger is needed, at least as of current versions (0.12.4).

from bokeh.io import output_file, show
from bokeh.layouts import column
from bokeh.models import CustomJS, Select
from bokeh.plotting import figure

plot = figure()

r = plot.patch(x=[1, 2, 3, 4], y=[1, 2, 2, 1],
               fill_color="firebrick", fill_alpha=0.6, line_color="black")


select = Select(title="Select colors", value="firebrick",
                options = ["firebrick","navy", "olive"])

callback = CustomJS(args=dict(renderer=r, select=select), code ="""
    renderer.glyph.fill_color.value = select.value;
    renderer.trigger('change')
""")
select.callback = callback

output_file("foo.html")

show(column(select, plot))

The patch starts out red. Changing the Select widget in the UI causes the color of the patch to update:

If that's not what you are asking then I have to gently suggest that the question is not clear.

这篇关于蟒蛇散景;使用GMapPlot上的CustomJS回调更改补丁颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！