问题标签 [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 回答
123 浏览

angular - 无法将 BokehJS 与 Angular8 一起使用

请在浏览器中找到以下错误日志:

AppComponent.html:1 错误类型错误:FlatBush 不是 AnnularWedgeView.push../node_modules/bokehjs/build/js/lib/models/glyphs/xy_glyph.js.XYGlyphView 的新 SpatialIndex (vendor.js:90501) 的构造函数。 _index_data (vendor.js:104504) 在 AnnularWedgeView.push../node_modules/bokehjs/build/js/lib/models/glyphs/glyph.js.GlyphView.index_data (vendor.js:100363) 在 AnnularWedgeView.push../ node_modules/bokehjs/build/js/lib/models/glyphs/glyph.js.GlyphView.set_data (vendor.js:100359) 在 GlyphRendererView.push../node_modules/bokehjs/build/js/lib/models/renderers/glyph_renderer .js.GlyphRendererView.set_data (vendor.js:109490) 在 GlyphRendererView.push../node_modules/bokehjs/build/js/lib/models/renderers/glyph_renderer.js.GlyphRendererView.initialize (vendor.js:109443) 在 GlyphRendererView .View [作为构造函数] (vendor.js:91313) 在 GlyphRendererView.DOMView [作为构造函数] (vendor.js:84742) 在 GlyphRendererView.RendererView [作为构造函数] (vendor.js:109915) 在 GlyphRendererView.DataRendererView [作为构造函数] (vendor.js:109336)

0 投票
2 回答
2935 浏览

pandas - Filter Dataframe Using Bokeh Dropdown Widget/CustomJS

I have to make a standalone html dashboard so I'm trying to figure out how to add a callback to a bokeh dropdown widget using CustomJS. Problem is even after consulting other posts on variations on the subject I still can't figure it out. Any help would be appreciated! Ultimately, I would use the dropdown to filter a stacked bar chart, but I want to take a stab at figuring that out on my own after messing with filtering the datatable first.

I've consulted Filtering dataframe using Bokeh/Widget/Callback, Bokeh datatable filtering inconsistency, and Filtering dataframe using Bokeh/Widget/Callback, and Python bokeh CustomJS callback update DataTable widget. Additionally, I've been going through the docs at https://docs.bokeh.org/en/1.3.4/docs/user_guide/interaction/callbacks.html#userguide-interaction-jscallbacks,

''''

0 投票
1 回答
265 浏览

python - 使用 js 创建独立的散景文档

尝试将 Bokeh 示例重写为独立文档,但不确定如何将小部件添加到 html 文件。

使用“file_html”我可以创建一个 html 字符串,但如果我还想保存和添加滑块、按钮等小部件该怎么办?

0 投票
2 回答
203 浏览

jupyter-notebook - 在 jupyter notebook 中加载 katex 的散景问题

我正在尝试在标签集的 jupyter notebook 中复制https://docs.bokeh.org/en/latest/docs/user_guide/extensions_gallery/latex.html#userguide-extensions-examples-latex中提到的散景乳胶示例。我可以看到 katex.min.js 正在从 Web 控制台加载。但是,当 LatexLabel 呈现时,它会声明katex not defined。Katex JS 文档说,一旦加载了 js,它就应该在全球范围内可用。

还尝试将脚本元素添加到文档根目录中。虽然没有运气。

任何方向都会有所帮助。

0 投票
2 回答
916 浏览

javascript - BokehJS 导入在 React 应用程序中无法正常工作

我正在尝试将绘图库 BokehJS 与使用设置的 React 应用程序一起使用

该库是使用安装的

在 myapp/public/index.html 文件中,添加了以下行(如用户指南的安装部分所述):

我现在想重新创建 BokehJS 用户指南中的一些示例。在 myapp/App.js 中导入模块

没有错误。但是如果我现在尝试访问一些模块的函数/对象,比如

或者

编译后浏览器显示如下错误:

任何解决此问题的帮助将不胜感激。

编辑:当脚本包含在 html 文件中时,浏览器开发者工具中的控制台也会显示以下错误:

0 投票
1 回答
1402 浏览

python-3.x - 散景:如何通过复选框的交互式绘图更新图例?

我有一个交互式散景图,其中(为了简单起见)我可以单击多个复选框(将它们视为电灯开关)并绘制它们的总和(房间内的累积亮度)。这是用一组理论的非交互式绘图绘制的。

如何更新图例以说明单击了哪些复选框按钮?(我不擅长JS)更新绘图的JS回调代码如下:

该图的图像如下所示。底部有一些按钮,单击时会添加到绘图中。

在此处输入图像描述

0 投票
1 回答
151 浏览

javascript - 带有 JS 回调的散景滑块映射到相同的值

我按照此处发布的指南使用我自己的数据集创建了一个类似于 Gapminder(动画气泡图)的可视化工具。

一切正常(尽管我必须在我自己的代码中更改指南中的滑块 JavaScript 回调代码的几行代码)。

但是,我注意到当滑块位于位置 0 或 1 时,两个值都将映射到回调引用的源对象中的相同日期。

以供参考:

  • 0 映射到日期 (08/28/2019) 而 1 映射到日期 (08/29/2019)。
  • js_source_array_engagement字符串对象看起来像:{0: _0, 1: _1, 2: _2, 3: _3, 4: _4, 5: _5, 6: _6, 7: _7, 8: _8, 9: _9, 10: _10, 11: _11, 12: _12, 13: _13, 14: _14, 15: _15}
  • engagement_sources是一个字典,具有以下键:'_0', '_1', '_2', '_3', '_4', '_5', '_6', '_7', '_8', '_9', '_10', '_11', '_12', '_13', '_14', '_15'. 键映射到 ColumnDataSource 对象。
  • 因此,String 对象js_source_array_engagement将用于engagement_sources在 JS 回调中引用 。

这是滑块的代码:

当我将滑块移动到 0 或 1 时,控制台分别打印 0 和 1。

但是,它们都映射到日期 08/29/2019。我通过打印来检查值是否正确,两个打印语句分别显示 (08/28/2019) 和 (08/29/2019)。

结果,我认为回调的代码可能有问题,特别是代码如何引用源对象,但我无法弄清楚它是什么,特别是因为它正确引用了所有其他值,除非滑块是在 0。

0 投票
2 回答
607 浏览

python - Bokeh:CustomJS 错误 - 缺少 BokehJS 库

我试图让 TextAreaInput 在每次文本更新时自动向下滚动,当我尝试使用 CustomJS 时,我在浏览器生成的脚本上发现了这个错误:

和浏览器控制台上的这个错误:

虽然,我将 javascript 代码简化为“无”,但出现了同样的错误。这是代码片段

Python:3.7.3,散景:1.3.4,浏览器:Chrome

谢谢

0 投票
1 回答
88 浏览

python-3.x - CheckBoxGroup 未在 Python/Bokeh 中更新

我正在尝试为我们的大学创建一个数据仪表板,但遇到了如何呈现的问题。我正在使用 Bokeh 和 Python 创建一些交互式图形。当我单击一个框来选择专业的大学时,我的复选框组没有更新。我尝试过更改几个项目,但无法弄清楚我做错了什么。

我的代码:

数据在正在读取的 csv 表中格式化

样本数据

它看起来像什么,但没有更新 当前的图表是什么样的

任何帮助是极大的赞赏。

0 投票
1 回答
674 浏览

python - 从下拉列表中更新 vbar_stack 散景

每次我从下拉列表中选择不同的类别时,我都会尝试在散景中更新 vbar_stack 图,但是legend_label在 vbar_plot 内部,我无法在更新函数中更新它。

我将添加代码以更清晰

这是更新功能:

如何更新实际数据而不仅仅是 x 轴?谢谢!