Bokeh:将变量传递给小部件的 CustomJS

2024-01-08

Bokeh 的一个好处是,可以从 Python 层指定回调,从而在 javascript 级别上产生操作,而无需 bokeh 服务器。因此,人们可以创建在浏览器中运行的交互式小部件,而无需运行 Ipython 或 Bokeh 服务器。

0.9.3。文档给出了一个我可以在 ipython 笔记本中重现的示例:http://docs.bokeh.org/en/latest/docs/user_guide/interaction.html#cutomjs-for-widgets http://docs.bokeh.org/en/latest/docs/user_guide/interaction.html#cutomjs-for-widgets

from bokeh.io import vform
from bokeh.models import CustomJS, ColumnDataSource, Slider
from bokeh.plotting import figure, output_file, show

output_file("callback.html")
x = [x*0.005 for x in range(0, 200)]
y = x

source = ColumnDataSource(data=dict(x=x, y=y))

plot = figure(plot_width=400, plot_height=400)
plot.line('x', 'y', source=source, line_width=3, line_alpha=0.6)

callback = CustomJS(args=dict(source=source), code="""
        var data = source.get('data');
        var f = cb_obj.get('value')
        x = data['x']
        y = data['y']
        for (i = 0; i < x.length; i++) {
            y[i] = Math.pow(x[i], f)
        }
        source.trigger('change');
    """)

slider = Slider(start=0.1, end=4, value=1, step=.1, title="power", callback=callback)

layout = vform(slider, plot)
show(layout)

我想调整这样的代码来创建一些简单的在线作业。我的问题是如何在不调用滑块的情况下直接将其他变量从 python 传递到 javascript。例如,假设我希望 Javascript 变成:

y[i] = Math.pow(x[i], A*f)

其中 A 是在上面的 ipython 代码单元中定义的(例如 A = 10)。在 javascript 中定义 'var A = 10' 很容易,但我想在 python 中设置 A 和其他变量的值,然后将它们传递到此 javascript 中。有办法吗?


从 Bokeh 0.9.3 开始,您只能传递“Bokeh 模型”(例如数据源和渲染器等),而不能传递任意 Python 对象。但我们正在努力使用可以轻松镜像的简单命名空间概念来扩展散景文档。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bokeh:将变量传递给小部件的 CustomJS 的相关文章

  • jquery 中的函数返回未定义[重复]

    这个问题在这里已经有答案了 我在 jquery 中调用的函数返回未定义 我检查了该函数 当我对其进行调试时 它返回正确的数据 function addToPlaylist component type add to pl value pl
  • Apache Spark 中的高效字符串匹配

    我使用 OCR 工具从屏幕截图中提取文本 每个大约 1 5 句话 然而 当手动验证提取的文本时 我注意到时不时会出现一些错误 鉴于文本 你好 我真的很喜欢 Spark 我注意到 1 像 I 和 l 这样的字母被 替换 2 表情符号未被正确提
  • `list()` 被认为是一个函数吗?

    list显然是内置类型 https docs python org 3 library stdtypes html list在Python中 我看到底下有一条评论this https stackoverflow com a 53645813
  • django-admin.py makemessages 不起作用

    我正在尝试翻译一个字符串 load i18n trans Well Hello there how are you to Hola amigo que tal 我的 settings py 文件有这样的内容 LOCALE PATHS os
  • AngularJS + jQuery 移动

    是否还有其他可能性来设计AngularJS以移动友好的方式应用程序CSS 我正在计划一个移动应用程序 并希望使用 AngularJS 进行逻辑和数据绑定 但我不想自己设计所有内容CSS The AngularJSFAQ说它使用jQuery
  • Python 惰性迭代器

    我试图了解迭代器表达式如何以及何时被求值 以下似乎是一个懒惰的表达 g i for i in range 1000 if i 3 i 2 然而 这个在构造上失败了 g line strip for line in open xxx r if
  • Chrome --app 相当于 Firefox\IE

    我有一个网络应用程序 客户要求单击不同按钮时更改浏览器窗口大小 我发现在那link https stackoverflow com questions 13436855 launch google chrome from the comma
  • 可以禁用幻灯片的触摸模拟但不能禁用滚动条(危险的滑动器)吗?

    我的页面上有一个危险的滑动器 它成功地模拟了幻灯片和随附滚动条上的触摸事件 允许单击鼠标并移动以向左或向右滑动幻灯片 这很好 但我现在在滑动器内的幻灯片上调用了可拖动 这意味着我需要停止此触摸模拟 拖动幻灯片并同时移动它们会引起混乱 但仅限
  • ES6 模块范围

    我有代码 lib js var a a export var b b main js console log a a variable is not available in a global scope import b from lib
  • Firebase + Node.js:错误:找不到 XMLHttpRequest 兼容性库

    Firebase Node js On iOS 安装的 Node js npm 安装 firebase save 节点测试 js 其中 test js 是一个非常简单的连接到 Firebase 的脚本 var firebase requir
  • 解析根元素内元素之间的 XML 文本

    我正在尝试用 Python 解析 XML 以下是 XML 结构的示例 a aaaa1 b bbbb b aaaa2 a
  • 如何将MathJax公式转换为img

    Mathjax 现在在我的项目中运行良好 但有一个问题 有没有办法将MathJax的公式 纯html和css 转换成img文件 我可以保存 MathJax 可以配置为生成 SVG 看http docs mathjax org en late
  • 无法在 python 3.8 上将带有 webapp 的 python 部署到 azure

    我正在尝试使用部署一个测试项目Flask使用以下方法将框架迁移到 Azure 云中Azure CLI https learn microsoft com en us azure app service containers quicksta
  • onPress 方法中箭头函数与普通函数的行为

    正在学习 Native React 并学习更多关于 javascript 的知识 所以我仍然不明白它的行为的很多事情 我使用 TouchableOpacity 及其 onPress 属性创建了一个按钮组件 为了让它工作 我必须发送我想要执行
  • Graphql 将多个查询合并(组合)为一个?

    我正在尝试使用 JavaScript 将多个 GraphQL 查询合并为一个查询 我正在寻找这样的东西 let query3 mergeQueries query1 query2 我们事先不知道哪些查询将被组合 假设我有这样的查询 输入查询
  • 更改 Python Cmd 模块处理自动完成的方式

    我有一个 Cmd 控制台 设置为自动完成 Magic the Gathering 收藏管理系统的卡牌名称 它使用文本参数在数据库中查询卡片 并使用结果自动完成 建议卡片 然而 这些卡片名称有多个单词 Cmd 会从last到行尾的空间 例如
  • 如果 POST 响应仅包含 ID,如何将数据保存到我的 Ember 存储?

    Ember 数据期望我的服务器在每次成功后返回完整的对象POST 但是 我的 API 只返回一种元对象 其中包含id 当 Ember 收到此对象时 记录中的现有数据将被删除 除了id 例如 当我这样做时 var asset App Asse
  • 如何循环遍历字典列表并打印特定键的值?

    我是 Python 新手 有一个问题 我知道这是一个非常简单的问题 运行Python 3 4 我有一个需要迭代并提取特定信息的列表 以下是列表 称为部分 的示例 已截断 数千个项目 state DEAD id phwl type name
  • python sklearn中的fit方法

    我问自己关于 sklearn 中拟合方法的各种问题 问题1 当我这样做时 from sklearn decomposition import TruncatedSVD model TruncatedSVD svd 1 model fit X
  • JavaScript 阶乘防止无穷大

    我一直在 JavaScript 中使用这个函数来计算阶乘数 var f function factorial n if n 0 n 1 return 1 if f n gt 0 return f n return f n factorial

随机推荐

  • React Navigation V5 有没有办法链接导航?

    假设我有屏幕 A B C 是否可以在屏幕 A 中编写代码从 A 导航到 B 然后立即导航到 C use dispatch https reactnavigation org docs navigation prop dispatch wit
  • Windows Media Player Control (winforms) - 将当前帧捕获为位图?

    我在 winforms 应用程序中使用 Windows Media Player 控件 我想定期将播放帧捕获到位图中并将其保存在本地 WMP 是否会暴露当前播放帧 当然 WMP 库应该公开当前帧 但我已经到处寻找它但无济于事 请帮助 附注我
  • C 中的面向对象

    一组漂亮的预处理器 hack 兼容 ANSI C89 ISO C90 可以在 C 中实现某种丑陋 但可用 面向对象的功能是什么 我熟悉几种不同的面向对象语言 因此请不要回复 学习 C 之类的答案 我读过了 使用 ANSI C 进行面向对象编
  • PHP PDO 事务复制

    我有一个游戏网站 我想更新用户的钱 但是如果我同时使用 2 台电脑 此代码将执行两次 用户将剩下负钱 我怎样才能阻止这种情况发生 这让我疯狂 db getDB sql UPDATE users SET money money money W
  • 如何将 npm 参数传递给 dotnetpublish?

    长话短说 私有 npm 注册表 企业网络 无法从 github 下载 我需要通过 no optional to the npm install that dotnet publish 作为一部分执行 Target PublishRunWeb
  • 在 ajaxSuccess 期间确定响应是否为 JSON 的理想方法

    在我的 ajaxSucess 函数中 我需要查明响应是否为 json 目前我正在这样做 body ajaxSuccess function evt xhr settings var contType xhr getAllResponseHe
  • 在 Internet Explorer 中运行本地“Javascript Dependant”HTML 文件

    当您使用 Internet Explorer 打开本地 HTML 文件 包含 Javascript 时 会出现一条消息 Internet Explorer restricted this webpage from running scrip
  • 该领域已处于写入事务中

    该领域已处于写入事务中 我怎样才能避免这个错误 有没有办法检查领域是否处于写入牵引状态 如果领域处于写事务中 则先关闭 然后再执行其他工作 现在 在收到此错误后 该领域已处于写入事务中 那么与领域相关的其他任务也无法正常工作 这是我遇到的一
  • 什么决定了 System.Net.IPAddress.ToString() 的 IPv6 地址格式?

    内置 Net 方法 System Net IPAddress ToString 对于 IPv6 地址的行为不一致 给定字节数组0xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA 在某些环境下 aaaa aaaa aaaa
  • 如何更改 localStorage 项中的单个值?

    我有一组已保存的项目 但我试图在检索它之后并将其传递给我的 php 函数之前更改一个值 是否可以只更改一项 我的项目串如下所示 var args window localStorage getItem localusers start 0
  • 动画 SVG 路径填充自下而上

    我有一个带有多个路径的 SVG 我正在尝试对其填充进行动画处理 我的目标是制作一个动画 从下到上缓慢地填充每个路径中不同颜色的颜色 我尝试过使用线性渐变 但不知道如何将它与路径一起使用 我创建了以下 SVG https jsfiddle n
  • 如何重用带参数的 SQL 片段?

    我打算制作一个片段以便与参数一起重用
  • Visual Studio 中的项目目录结构丢失了?

    我正在学习 Visual Studio 2015 社区 我是一位经验丰富的程序员 但刚接触 VS 文件表示方式让我感到困惑 我创建了一个解决方案 并添加了一个现有项目 VS 正在向我显示所有项目文件 在我的例子中是一个 C 项目 所以 c
  • 如何按需启用 javax.net.debug

    我们的应用程序使用 Apache HttpClient 4 5 3 我们观察到客户端和服务器之间使用 SNI 功能进行通信的非常奇怪的行为 服务器配置为如果 SSL 请求带有我们客户端期望的服务器名称 即 服务器的主机名 则返回 GoDad
  • 仅列出城市名称 Geocomplete.js 或 Google 位置自动完成

    我只想使用 Geocomplete js 显示城市名称 我已将搜索限制为仅显示城市 但它最后仍然显示国家名称 美国 我想摆脱它 有任何建议请 Thanks 很高兴我终于找到了 geocomplete js 的解决方案 希望它对某人有用 解决
  • 不允许在 Web 线程上使用多个锁!请提交错误。现在崩溃了

    我发出一个 url 请求并等待答案 我启动请求 然后等待直到 synchronousOperationComplete TRUE NSRunLoop theRL NSRunLoop currentRunLoop while synchron
  • 如何在MPandroidchart库中使用图标作为饼图的标签

    我正在使用 mpandroidchart 库来构建饼图 饼图的要求是每个条目中都应包含图标 In my case it is showing up the percentage of each entry values 有什么办法可以将标签
  • node.js - ReferenceError:导航器未定义

    我越来越ReferenceError 导航器未定义在node js上运行以下代码 navigator geolocation getCurrentPosition data gt console log data 我认为问题在于导航器 地理
  • 灯箱图片下载

    我在多个图片库中使用 Lightbox 2 我想为我的用户提供一种在灯箱中查看图像时下载图库中的图像的方法 如果有一个 下载 按钮就完美了 我把它想象在标题附近 问题是我对Javascript很烂 这个项目是一个不经常使用的内部工具 我自愿
  • Bokeh:将变量传递给小部件的 CustomJS

    Bokeh 的一个好处是 可以从 Python 层指定回调 从而在 javascript 级别上产生操作 而无需 bokeh 服务器 因此 人们可以创建在浏览器中运行的交互式小部件 而无需运行 Ipython 或 Bokeh 服务器 0 9