散景-滑块,RadioGroup回调冲突

时间:2019-10-21 17:33:24

标签: javascript widget bokeh radio-group

这是我的bokeh的简化版本: df

YEAR |  AMOUNT   |NAME  |  NEST           |  FUND
2011     10        Joe      ("Q1",Jan")      JPN
2012    -20        Joe      ("Q2","Feb")     CAD
2013     30        Joe      ("Q3", "Apr")    USD
2011     12        Arn      ("Q1",Jan")      USD
2012    -250       Arn      ("Q2","Feb")     JPN
2013    -36        Arn      ("Q3", "Apr")    JPN

我有一个堆积的分组条形图,显示了Joe或Arn的金额。 Joe或Arn由radio_group控制。堆栈为FUND。轴组为NEST

factors = [
    ("Q1", "Jan"), ("Q1", "Feb"), ("Q1", "Mar"),
    ("Q2", "Apr"), ("Q2", "May"), ("Q2", "Jun"),
    ("Q3", "Jul"), ("Q3", "Aug"), ("Q3", "Sep"),
    ("Q4", "Oct"), ("Q4", "Nov"), ("Q4", "Dec"),
]

stacks=list(set(df.loc[df['FUND']))

bar_src= ColumnDataSource(data=df)
p= figure(plot_width=1150, plot_height=550, x_range=FactorRange(*factors))
view = CDSView(source=bar_src, filters=[GroupFilter(column_name="Name", group="Joe")])    
p.vbar_stack(stacks, x = "NESTS", width = 0.9 source = bar_src, view=view)

radio_group=RadioGroup(labels=['Joe','Arn'], active=0)
radio_group.callback=CustomJS(args=dict(source = bar_src, filter=view.filters[0]),
code="""filter.group = cb_obj.labels[cb_obj.active]
    source.change.emit();""")

我还有一年Slider

def year_chg(attr,old,new):
    new_df = pd.DataFrame({
        'YEAR':df['YEAR'][df['YEAR']==slider.value],
        'NEST':df['NEST'][df['YEAR']==slider.value],
        'NAME':df['ACCT_NUM'][df['YEAR']==slider.value],
        'FUND':df['FUND'][df['YEAR']==slider.value],
        'AMOUNT':df['AMOUNT'][df['YEAR']==slider.value],
        })
    new_data=ColumnDataSource(data=new_df)
    bar_src.data = new_data.data

slider= Slider(start=2011, end=2013.year, step=1, value=2013, title='Year')
slider.on_change('value',year_chg)

所有交互都是独立进行的。但是,如果将它们组合在一起,则滑动滑块会导致空白图的左上角有很小的字符。

我还尝试了将Radio CustomJS包装到python函数中,然后调用radio_group.js_on_change("active", CustomJS.from_py_func(change_name)),但结果相同。

出了什么问题?

1 个答案:

答案 0 :(得分:0)

没有完整的最小复制器,很难说出具体的什么,但是,您不应该像在.data中所做的那样,将year_chg从一个CDS分配给另一个CDS。在即将到来的Bokeh 2.0中,尝试执行此操作将引发一条明确的错误消息。尽管它的行为类似于dict,但事实并非如此。为了支持Python和JS之间的所有自动同步,CDS .data实际上是一种非常专业的数据结构,具有与许多其他事物的链接,并且不支持将它们从一个CDS“重定位”到另一个CDS。您只应从纯python字典

分配给.data
source.data = { ... } # plain python dict

如果您需要调整DataFrame,则CDS上有一个.from_df方法,该方法将创建适当的纯python dict结构,您可以使用该结构进行分配。