Python Bokeh -使用两个同步的select小部件过滤表
Python Bokeh是一个用于数据可视化的Python库。它提供了丰富的绘图工具和交互功能，使得用户可以轻松地创建各种类型的图表和可视化应用。
在Bokeh中，可以使用两个同步的select小部件来过滤表格数据。这两个小部件可以是下拉列表、滑块或其他类型的输入控件。通过选择其中一个小部件的选项，可以实时地过滤表格中的数据，以显示符合条件的数据行。
使用两个同步的select小部件过滤表格的步骤如下：
- 导入必要的库和模块：
from bokeh.layouts import column
from bokeh.models import Select, ColumnDataSource
from bokeh.plotting import curdoc
from bokeh.io import output_notebook, show
from bokeh.sampledata.autompg import data- 创建一个ColumnDataSource对象，用于存储表格数据：
source = ColumnDataSource(data)- 创建两个Select小部件，并设置它们的选项和默认值：
options = sorted(data['origin'].unique().tolist())
select1 = Select(title="Origin:", value=options[0], options=options)
select2 = Select(title="Cylinders:", value=str(data['cyl'].unique()[0]), options=[str(x) for x in sorted(data['cyl'].unique())])- 创建一个回调函数，用于根据选择的选项更新表格数据：
def update_data(attrname, old, new):
selected_origin = select1.value
selected_cylinders = int(select2.value)
filtered_data = data[(data['origin'] == selected_origin) & (data['cyl'] == selected_cylinders)]
source.data = ColumnDataSource(filtered_data).data- 将回调函数与两个Select小部件的value属性绑定：
select1.on_change('value', update_data)
select2.on_change('value', update_data)- 创建一个表格，并将其与ColumnDataSource对象绑定：
columns = [
TableColumn(field="mpg", title="MPG"),
TableColumn(field="cyl", title="Cylinders"),
TableColumn(field="displ", title="Displacement"),
TableColumn(field="hp", title="Horsepower"),
TableColumn(field="weight", title="Weight"),
TableColumn(field="accel", title="Acceleration"),
TableColumn(field="yr", title="Year"),
TableColumn(field="origin", title="Origin"),
TableColumn(field="name", title="Name"),
]
data_table = DataTable(source=source, columns=columns, width=800, height=280)- 创建一个布局，并将所有组件添加到布局中：
layout = column(select1, select2, data_table)- 在Jupyter Notebook中显示布局：
output_notebook()
show(layout)这样，就可以在Jupyter Notebook中显示一个带有两个同步的select小部件的表格，并且可以根据选择的选项实时过滤表格数据。
Bokeh官方文档中有更多关于使用Bokeh进行数据可视化的示例和详细说明，可以参考以下链接：
- Bokeh官方文档：https://docs.bokeh.org/
- Bokeh示例库：https://docs.bokeh.org/en/latest/docs/gallery.html
腾讯云相关产品中，可以使用云服务器（CVM）来搭建Python环境，并使用云数据库（CDB）来存储表格数据。此外，腾讯云还提供了云函数（SCF）和人工智能服务（AI）等产品，可以与Bokeh结合使用，实现更多复杂的数据可视化和分析功能。具体的产品介绍和使用方法可以参考腾讯云官方网站。
相关·内容
我想使用两个bokeh select小部件来筛选一个表，请参见下面的代码结构。我定义了两个小部件: userm和locations。首先，选择使用userm小部件的用户(应该更改表和' locations‘小部件)，其次，选择具有位置小部件的位置(应该再次更改表)。我的代码可以很好地
浏览 8提问于2020-05-26得票数 0
回答已采纳
我创建了一个包含选择功能和vbar图表的bokeh应用程序。当我使用bokeh在bokeh服务器上运行应用程序时--显示myapp.py，程序成功运行。但是，当我尝试使用output_file("Test.html")、Save()保存与HTML相同的应用程序时，我能够成功地生成HTML，但是下拉/选择功能和交互性缺失了。
浏览 1提问于2020-06-09得票数 1
我试图在标准的bokeh文本输入中添加一个标准数据报警器(如)。但是，这并不是.我也尝试了其他标准的数据报警器，但没有成功。--一种简单的数据报警器，它与此设置完美地工作：TextInput=title=u(title=u“event”，css_classes='flatpkr')</head&g
浏览 6提问于2019-11-12得票数 0
回答已采纳
1回答
在python脚本中，我为一个有很多按钮的表生成HTML代码。该表，包括按钮，被合并到一个Div小部件中(通过使用它的“text”属性)。我是这样做的，而不是使用Bokeh的“Button”类，因为这些按钮需要包含在这个高度定制的表中，我认为使用Bokeh的内置布局类很难做到这一点。因为我的按
浏览 5提问于2022-08-09得票数 0
我正在使用Bokeh服务器开发一个应用程序，它将嵌入到Django应用程序中。dataframe相当大，应用程序运行缓慢，特别是在使用Select小部件和Bokeh工具时。目前，我无法理解Bokeh (Python )和Bokeh (CustomJS回调)之间的区别。根据您的经验，Bokeh有可能跑得更快吗？谢谢!
浏览 6提问于2020-06-10得票数 0
回答已采纳
我已经使用bokeh有一段时间了，现在我想创建交互式的绘图并将它们嵌入在线(例如，在WordPress帖子中)。然而，尽管我花了一些时间检查和测试bokeh网站示例中的代码，但我很难确切地理解curdoc()的用途。这似乎是必要的，以创建一个小工具的bokeh应用程序，但从我在资源中发现，我不太理解它。
浏览 1提问于2016-11-12得票数 22
回答已采纳
我想在不使用JavaScript的情况下创建自定义bokeh小部件，即不遵循上的bokeh文档。下面的示例演示了如何在PyQt4中创建一个自定义小部件(我经常使用它)，以及我希望在bokeh中工作的内容以及我得到的错误消息。有没有其他方法可以在bokeh中创建不使用JavaScript的自定义小部件？具体来说，我正在尝试创建一个
浏览 3提问于2017-02-02得票数 2
回答已采纳
我正在尝试创建一个小部件过滤器(由TextInput和MultiSelect组成)，在两个不同的Bokeh上复制。所需的功能是在选项卡之间保留筛选结果，而不管哪个筛选器接收要筛选的文本。下面的代码(这是工作代码)构建了Filter小部件，它被实例化为filter1和filter2。回调是update函数，它执行实际的筛选并更新过滤器的MultiSelect部分。import Slider,
浏览 0提问于2018-05-24得票数 1
回答已采纳
这是我第一次博克的经历，所以如果我在这里问一个非常愚蠢的问题，我很抱歉。这是密码。我有一个数据，其中包含了几个人的分数。我想要绘制一个时间序列线与年在x轴，分数在y轴和一个选择菜单来选择一个球员。import pandas as pdfrom bokeh.layouts import row, columnfrom bokeh.io
浏览 1提问于2019-11-15得票数 0
回答已采纳
我正在使用bokeh中的select小部件来交互地选择要绘制的列。我的用例的列数非常大(>500列)。因此，与滚动所有列名以选择正确的列相比，是否有一种方法可以为用户输入附加一个简单的搜索框，并根据该输入过滤掉500列，以表示一个小得多的数字--使选择该列变得更容易。
浏览 1提问于2018-03-20得票数 2
回答已采纳
我正在运行一个带有不同选项卡的bokeh应用程序。我喜欢在不同的浏览器中打开相同的应用程序。因此，我可以在不同的显示器上使用不同的应用程序选项卡。目前，我一次只能连接一个浏览器。我正在使用curdoc().add_root(tabs)bokeh serve myapp.py
如何使用bokeh客户端或其他软
浏览 2提问于2020-07-25得票数 0
我希望能够在CustomJS回调中引用两个选择小部件(select1.value和select2.value)，因此我不能使用cb_obj.value。<anonymous> (bokeh-widgets-1.1.0.min.js:31) 然后，我尝试将select1传递给回调中的args： callback = CustomJS(args=dict=callback，所以如果我在定义select1之前定义callbac
浏览 9提问于2019-05-16得票数 1
1回答
假设您有两对Bokeh小部件：widget2 = widgetboxinput1和input2这两个输入都用于收集来自用户的输入，并根据该输入过滤(更新) multiselect小部件中的对象。问题是如何让这两个小部件协同工作，或者让它们相互镜像？因此，无论用户是在input1还是inp
浏览 0提问于2018-05-08得票数 0
目前，我的数据集是格式的：Date, Currency, Price，我在货币级别进行过滤，然后使用它生成图形。
我想对其进行改进，以便所有的过滤都是使用Python小部件/下拉框完成的？我是Python/Bokeh新手，所以我需要一些帮助。
浏览 3提问于2017-10-13得票数 1
回答已采纳
1回答
我想使用select小部件/滑块小部件来更改图像图。有办法吗？如果“不”，我有什么选择来意识到这个问题？下面是我所做的一个简短的例子：image_a = np.random.randint(0,10,10000).reshape(100,100)select_widget = Select(title="Title", \
浏览 1提问于2019-06-16得票数 0
回答已采纳
在过去的几周里，我一直在学习Bokeh包(在我看来，它对于可视化来说是很棒的)。 --参见答案#3
下面的代码(在木星中)正确显示图形并正确显示滑块，但我不确定如何将两者连接起来，因为当我移动滑块时，图形仍然是静态的。我正在使用Python3.6和Bokeh12
浏览 11提问于2017-10-03得票数 3
回答已采纳
1回答
我正在使用Python中的Bokeh库来创建交互式web图表。我想将这些图表存储在Google网站上，以便在我的组织的域内轻松访问，但我不知道如何保持实时同步。
图表的数据在Google电子表格中。我将数据导入到Pandas DataFrame中，然后在Bokeh中创建可视化。我可以获取html输出文件并将其复制到Google站点中的嵌入小部件中，但这仍然是静态可视化。我希望图表在新数据添加到goo
浏览 11提问于2019-11-17得票数 0
我正在尝试使用Bokeh来显示字符串表(我已经在vplot+tabs中使用了bokeh图，并且希望在vplot中也有一个数据表)。我的字符串是具有'\n‘字符的多行字符串，但是当尝试在Bokeh DataTable中显示这些字符串时，换行符被剥离。有什么方法可以避免这种情况吗？jupyter python3笔记本中的示例代码：from
浏览 1提问于2016-03-12得票数 0
我使用Bokeh通过向figure.circle函数传递一个ColumnDataSource来创建散点图。数据源有为每个点指定特定颜色的列，每一行都有一个十六进制代码，因为我想使用的配色方案有点复杂。
有没有一种方法可以改变小部件回调中用于给圆圈着色的列？我正在设想一个下拉菜单，允许用户为这些点选择不同的配色方案。
浏览 0提问于2016-12-15得票数 3
我正在使用bokeh和panel来创建一个动画图形，以及一些导航控件，如滑块、播放/暂停、跳过5s等。因为我不太了解javascript，所以我想知道:有没有同步这两件事的解决方案？(理想场景:一个面板小部件，用于显示和控制python中的dash.js视频播放器。好吧
浏览 33提问于2021-05-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
