javascript - 用于小部件的 Python Bokeh CustomJS

Question

我有一个类似于下面的 pandas DataFrame

import pandas as pd
import numpy as np
df = pd.DataFrame(columns=['item'], data=list(range(0,15)))
df['crit'] = ['crit1','crit2','crit3']*5
df['label'] = np.random.choice(['label1','label2','label3'], size=(15,1))
df.head()

我正在用 Bokeh 绘制条形图

from bokeh.io import output_file, show, output_notebook
from bokeh.charts import Bar
from bokeh.layouts import layout
from bokeh.models import ColumnDataSource
from bokeh.models.widgets import CheckboxButtonGroup

source = ColumnDataSource(df)
p = Bar(df, label='label', values='item', agg='count', legend=None)
checkbox = CheckboxButtonGroup(labels=["Opt1", "Opt2", "Opt3"], active=[0, 1])
grid = layout([[p], [checkbox]])
show(grid)

我想添加一个自定义 JS 回调来过滤和排序数据帧以更新绘图。例如，通过单击按钮“Opt2”，我想过滤数据帧以仅保留 crit==crit2 的行，并且我希望对数据帧进行排序(以降序排列条形)。

我对 JS 不熟悉，只有 Python 是我的 friend ...这是很容易实现的吗？有人可以让我进入轨道吗？我在 Bokeh 文档中找到的示例与此用例不对应。

Answer 1

按照这个 Bokeh 画廊示例(IMDB 电影): https://demo.bokeh.org/movies

它的代码在这里:

https://github.com/bokeh/bokeh/blob/master/examples/app/movies/main.py

最后一部分完全符合您的要求，请查看此函数:

def select_movies():