如何在 Bokeh 中使用 RangeSlider 选择数据点？答案

【问题标题】：How do I select data points based with a RangeSlider in Bokeh?如何在 Bokeh 中使用 RangeSlider 选择数据点？
【发布时间】：2017-02-22 22:53:19
【问题描述】：

我正在尝试在 Bokeh 中构建交互式图表。到目前为止，假设我有一个如下所示的热图。用简单的英语：

我正在使用 rect 绘制矩形来生成热图。
我正在添加 RangeSlider。
我在范围更改时附加了一个 js_callback。
在自定义回调中，我能够检索范围滑块的开始和结束范围。

我不确定的是如何用它选择任何东西。 This link (cb_obj.selected['1d'].indices) 表明检索所有选定的数据点。但是如何做相反的事情呢？

换句话说：

如何选择值 a 和 b 之间的所有矩形？

下面是我已经弄清楚的代码。

from math import pi
from bokeh.io import show
from bokeh.models import ColumnDataSource, HoverTool, 
LinearColorMapper, CategoricalColorMapper, ColorBar, LogColorMapper, 
LogTicker
from bokeh.plotting import figure
from bokeh.models.callbacks import CustomJS

col = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]
row = ['A', 'B', 'C' , 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 
'N', 'O', 'P']

mapper = LogColorMapper(palette="Viridis256", low=min_value,  
high=max_value)
source = ColumnDataSource(data = dict (
        row = test['plate_row'],
    col = test['plate_col'],
    values = test['Melt Temp']))

TOOLS = "reset, tap,box_select, hover,save,pan,box_zoom,wheel_zoom"

p = figure(title="Plate Heatmap", x_range = (0.0,25.0), y_range = 
list(reversed(row)),
       x_axis_location="above", plot_width=650, plot_height=400,
       tools=TOOLS)

r1 = p.rect(x="col", y="row", width=1, height=1,
        source=source, 
        fill_color={'field': 'values', 'transform': mapper},
        line_color=None)

callback = CustomJS(args=dict(source=source), code="""
    var data = source.data;
    var inds = cb_obj.selected['1d'].indices;
    var lower_bound = cb_obj.start;
    var upper_boudn = cb_obj.end;
    // WHAT DO I DO NEXT?
    source.trigger('change');
""")

range_slider = widgetbox(RangeSlider(start=min_value, end=max_value, 
range= (min_value, max_value), step=0.1, title="Hit Threshold"))
range_slider.js_on_change('range', callback)

color_bar = ColorBar(color_mapper=mapper, ticker=LogTicker(),
                 label_standoff=12, border_line_color=None, location= 
(0,0))
p.add_layout(color_bar, 'left')
layout = column(range_slider, p)
show(layout)      # show the plot

【问题讨论】：

标签： python-3.x callback bokeh

【解决方案1】：

虽然我无法找到一种方法来设置选择或不选择的内容，但我找到了一种实现相同结果的方法。这可能是如何使用 Bokeh 服务器的一个主要示例。为了达到同样的效果，需要做到以下几点：

用 Python 更新替换 JSCustom 回调函数功能。 udpate 函数包含更新列数据源。
简单地将 js_on_change 事件替换为 on_change 事件附加到滑块上。
将上面的代码与更新函数一起放入以应用程序命名的文件夹中的“main.py”。
使用“bokeh serve --show INSERTAPP_NAME”启动散景服务器。

此信息可以在here 找到，它代表了部署交互式可视化的最简单方法。您的情况可能需要更复杂的部署方案。我也在研究这个问题，但这将是另一天的另一个问题。

【讨论】：