带熊猫数据的滑块小部件
带熊猫数据的滑块小部件
提问于 2019-07-23 06:44:35
我想用滑块小部件制作一个交互式的bokeh图。我有一个带有简单值的dataframe，并希望使用滑块小部件筛选出一些值。
下面是我的测试代码。
df = pd.DataFrame({'x':[11,12,13,14,15],'y':[22,23,24,25,26],'threshold':[1,2,3,4,5]})
source = ColumnDataSource(data=df)
plot = Figure(plot_width=400, plot_height=400)
plot.circle('x', 'y', source=source)
slider = Slider(start=1, end=5, value=1, step=1, title="threshold")
callback = CustomJS(
args=dict(source=source),
code="""
??????
??????
??????
??????
source.change.emit();
"""
)
slider.js_on_change('value', callback)
show(column(slider,plot))所以，如果代码完成了，我可以像下面的图片那样过滤掉一些圆圈。
如果有人有好主意，请告诉我你的绝妙密码。谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-07-23 07:46:52
您可以通过循环遍历原始数据(从原始数据生成的字典)并检查圆的阈值是否小于或等于滑块阈值来筛选数据。
import pandas as pd
from bokeh.models import ColumnDataSource, CustomJS, Slider
from bokeh.plotting import figure, show, ColumnDataSource
from bokeh.layouts import column
df = pd.DataFrame({'x':[11,12,13,14,15],'y':[22,23,24,25,26],'threshold':[1,2,3,4,5]})
data = df.to_dict()
source = ColumnDataSource(data=df)
plot = figure(plot_width=400, plot_height=400)
plot.circle('x', 'y', source=source)
slider = Slider(start=1, end=5, value=1, step=1, title="threshold")
callback = CustomJS(
args=dict(source=source, slider=slider, data=data),
code="""
var index = [];
var x = [];
var y = [];
var thresh = [];
for (var i = 0; i < Object.keys(data.threshold).length; i++) {
if(slider.value <= data.threshold[i]) {
index.push(i);
x.push(data.x[i]);
y.push(data.y[i]);
thresh.push(data.threshold[i]);
}
}
source.data.index = index;
source.data.x = x;
source.data.y = y;
source.data.threshold = thresh;
source.change.emit();
"""
)
slider.js_on_change('value', callback)
show(column(slider,plot))页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57158139
复制相关文章
相似问题
腾讯云开发者
