问题标签 [bokehjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
94 浏览

bokeh - Bokeh Server Plot - 如何使新值出现在具有固定轴范围的中心

我想创建一个图,显示我从电表获得的实时计量数据。

我已经想出了如何在散景中绘制一个图,每 x 秒用新值更新一次,但现在我想让新值始终位于图中的固定点,而轴的范围不会增加。我通过在图中添加 x_range=[0, 10] 来固定范围,但是该图已超出屏幕,我必须手动跟随它。如何更改它以使其自动跟随它?

这在散景中是否可行,还是我应该为我的项目使用不同的东西?

0 投票
0 回答
207 浏览

bokeh - 如何通过同一网络中的不同设备连接到散景服务器

我的笔记本电脑上有一个 Bokeh 服务器,它运行简单bokeh serve --show myprogram.py,我希望能够使用同一网络中的不同设备连接到同一台服务器。对于初学者来说,这将是我的家庭网络,但最终它将是我大学的网络(不确定是否有区别)。我尝试找到运行散景服务器的笔记本电脑的 IP,并在我的其他设备的浏览器中输入它以及端口和应用程序名称,例如my_ip:5006/myprogram,但是我的浏览器告诉我该服务器没有响应。

如何从不同的设备查看我的服务器?

我尝试通读文档,但在我看来,仅在服务器嵌入其他网站时才谈论访问。

0 投票
0 回答
284 浏览

javascript - 如何在 Angular 应用程序中使用 BokehJS?

我无法在我的 Angular 应用程序 ( https://docs.bokeh.org/en/latest/docs/dev_guide/bokehjs.html ) 中使用 BokehJS 库。当我尝试从我的应用程序调用库时,我会收到以下错误:

这是在“新”计算机上重现问题的详细分步方法(我在两台不同的机器上尝试过,它们最后都得到完全相同的错误):

  • 安装 nodejs:https ://nodejs.org/en/
  • 安装 angular-cli:npm install -g @angular/cli
  • 在当前目录中初始化一个新的 Angular 项目:ng new angular10BokehJSexample
  • 进入新项目目录:cd angular10BokehJSexample
  • (可选)检查示例 Angular 应用程序是否有效:npm start并在 URL http://localhost:4200 上打开浏览器
  • 安装 BokehJS:npm install @bokeh/bokehjs
  • 打开您喜欢的文本编辑器并更改文件src/app/app.module.ts。在顶部添加以下行和其他导入:import * as Bokeh from '@bokeh/bokehjs'
  • (可选)如果您在此阶段启动服务器,它应该仍然可以正常工作,这意味着可以成功导入 BokehJS(旧版本的 Angular 不是这种情况)
  • 仍在文件src/app/app.module.ts中,更改文件末尾的类声明,使其看起来像这样:

(注意:这只是一个存根,代码不起作用。我已经整理了一个应该可以工作的更复杂的代码,但这足以重现我的问题)

  • 再次运行npm start,由于这个问题开头提到的错误,它无法编译。

关于我做错了什么的任何想法?我不是前端开发人员,所以我绝对不在我的舒适区。任何帮助将不胜感激。

0 投票
0 回答
178 浏览

javascript - 如何在我的散景代码中添加自定义右键菜单?

我获得了一个图表,其中节点中有许多节点我必须在单击右键后创建一个自定义菜单。所以在我的代码中我应该添加什么以便我自己的自定义值而不是普通菜单出现?在这里,我有一个散景代码,它将生成节点。我已经为我的自定义右键单击包含了 HTML v=block,它可以正常工作。那么如何将 HTML 脚本集成到我的散景代码中呢?HTML 代码也出现在散景代码下。 我的代码

0 投票
0 回答
48 浏览

javascript - 将变量从 BokehJS 回调函数传递给 Python

有谁知道如何将变量从 bokehjs 回调函数传递给 python?我正在使用烧瓶框架开发一个网络应用程序,我试图从我的网络应用程序的散景图中选择几个点并获取 x,y 坐标。我希望下面的 select_points 函数返回这些坐标,并在该函数之外使用变量(在我的主代码上)。请帮我。

0 投票
0 回答
283 浏览

python - 如何在可执行文件中包含nodejs?

我有一个python文件,它使用自定义散景扩展来生成surface3d图并使用export_png将它们转换为png。可执行文件在我当前的系统上成功运行,但是当我将其移动到没有 anaconda 的系统时出现以下错误。RuntimeError:需要node.js v10.13.0或更高版本才能编译自定义模型(“conda install nodejs”或遵循https://nodejs.org/en/download/)[6128 ]无法执行脚本CMM

我在我的代码中使用以下库:

我需要一个独立的可执行文件。有没有办法让 pyinstaller 在生成可执行文件时包含它?这是我用来生成exe文件的代码:

0 投票
0 回答
58 浏览

javascript - 添加自定义 Bokeh JS

我是 Bokeh Server 的新手,并且对 Bokeh 如何能够获取 static/js/bokeh-widgets.min.js文件感到好奇,即使这个文件夹不存在。

我正在尝试使用自定义版本的散景小部件 js。我已经添加了 JS 文件,/myapp/static/js/bokeh-widgets.2.1.1.js但是当我看到网络调用和断点时,Bokeh 使用的是 JS 的缩小版本static/js/bokeh-widgets.min.js而不是/myapp/static/js/bokeh-widgets.2.1.1.js

Bokeh 服务器使用的是它自己的 JS static/js/bokeh-widgets.min.js,而不是我在文件中下载的 JS/myapp/static/js/bokeh-widgets.2.1.1.js文件。在此处输入图像描述

索引.html 在此处输入图像描述

0 投票
0 回答
107 浏览

javascript - 用于切换图例可见性的 BokehJS 自定义工具

我的散景应用程序正在处理由几个图形组成的网格,每个图形显示几个字形。为了提高可读性,我希望能够在单击按钮时隐藏/显示数字的图例。尽管这在我看来是工具栏中“保存”和“重置”等工具按钮的完美示例,但此功能尚未在散景中实现。

我发现了一些关于如何自己实现自定义工具的提示,请参见此处此处此处此处此处此处显示了有关如何添加自定义图标的示例。

这是我到目前为止得到的:main.py:

template.html (在同一目录中,从此处复制):

运行 main.py 会生成一个输出文件“out.html”。切换图例的可见性按预期工作,但图标保持空白。所以这是我的问题:

  1. 如何让图标显示?
  2. 假设我想通过运行它bokeh serve --show <dirname>,我需要如何在文件夹中组织上述代码<dirname>
0 投票
1 回答
426 浏览

python - 数据集 Python 散景的时间轴滑块

我需要你的帮助。我尝试在地图上绘制路线。数据集由 lon 和 lat 组成。我只想将部分路线包含在 RangeSlider 之类的交互式解决方案中。例如只有第 2 和第 4 个索引。不幸的是,我不知道如何正确设置回调函数。如何将回调链接到我的滑块和我的情节?

这是我的代码:

0 投票
1 回答
428 浏览

python - 使用 Python Bokeh 从同一数据集中绘制多条线

是否有可能使用 Bokeh 实现像 sample1 这样的图?Sample1 是使用 Matplotlib 创建的。我的目标是在地图上绘制多条彼此分开的短线。但是这些行共享相同的来源,只是与内部来源不同的部分。

我已经写了一个小脚本,但结果不是很好……(参见 Sample2)。我的脚本在地图上绘制了 3 条不同的线。不幸的是,这些线是连接在一起的。

在 Matplotlib 中,它与 for 循环一起使用。但在 Bokeh 中,我尝试使用滑块以交互方式选择我喜欢查看的数据。

样品1

样品1

样品2

样品2

这是我的代码: