问题标签 [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.
python - 使用 js_on_change 在 Bokeh 中动态更新文本
是否可以使用js_on_change
withbokeh
动态更新放置在绘图旁边的文本?
例如,使用来自不同问题的此代码段
我想在图形右侧包含一个文本,显示计算的值,slope.location
并在我选择新点时更新。
javascript - 散景:补丁上的点击回调问题
我使用 GeoJSONDataSource(使用补丁字形)创建了一个交互式地图。该地图代表了一家公司在世界每个国家/地区的销售额,该国家由“国家名称”列和“iso 代码”列标识。目标如下:用户点击一个给定的国家,一个 div 填充了给定国家的销售信息,以及一个饼图。该 div 将位于同一页面上的某个地图旁边。我已经创建了执行此操作的函数(在 Python 中,而不是 JavaScript),但是我无法理解如何在点击发生时提取国家名称/iso 代码的列值,因此我可以稍后在上述功能。例如,当单击英国时,必须提取 iso 代码“GB”。
我一直在疯狂地阅读(优秀的)散景文档,但我找不到构建它的方法。我可以使用点击事件(p.js_on_event('tap',回调)将点击的 x,y 坐标打印到控制台(console.log(cb_obj.x)),但这不是我想要的。看来我必须创建一个空白图形(用于饼图),并编写一个 CustomJS 代码,该代码将过滤掉合适的数据并使用 iso 代码填充此饼图(我不知道如何从点击事件中提取) . 但我也想在 div 中有一些简单的文本,我希望在点击发生时能显示出来。
bokeh - 在 JS 中嵌入散景对象。CORS 问题
我正在尝试借助散景在我的 html 页面中绘制地图。我从 python 创建了图表,并尝试在 bokeh.js 的帮助下以 html 呈现图表。
后端代码:
data属性是一个散景对象,它将用于在前端渲染元素。js 代码如下所示,
Bokeh.js 试图从一些开源加载一些图像(例如:[https://maps.wikimedia.org/osm-intl/3/7/1@2x.png])。我正面临CORS问题。有没有办法处理这个而不是 * Access-Control-Allow-Origin: **..?
javascript - 自定义悬停显示在笔记本中,但不在 Javascript 中 - BokehJS
我有一个小问题,用javascript在直方图上使用悬停。这是我想放在nodejs前端的代码:
它可以在我的带有 python 的笔记本上正常工作。
但是在我使用 javascript 的前端服务器上,尽管图形函数 -> Bokeh.Plotting.figure() 中有一个工具提示参数,但该图仅显示默认的工具提示悬停。
这是我的代码:https ://codepen.io/VivienD/pen/OJpjBwQ
Python 代码和 javascript 代码几乎完全相同。在 javascript/html 版本中,这一行似乎存在问题。
要解决这个问题:
-我想到了这个 python 代码:
但我不知道如何在 javascript 中导入 HoverTool 函数。
- 我也知道它可以通过 python 后端/烧瓶服务器(json_item -> embed doc)来解决,但我宁愿不将 python 代码添加到我的项目中。
谢谢,薇薇安。
typescript - Typescript linter:对外部库的引用
我想为 Bokeh 编写一个自定义组件,这意味着我必须编辑一个与其环境有些“断开”的 TypeScript 文件。我的问题是如何使棉绒正常工作。
即我有一个带有标题的文件“component.ts”:
该文件深埋在 python 项目目录中。编译所有内容是 bokeh 的职责,它通过 Python 接口完成。但我知道这些包含在我的磁盘中的位置。我可以让我的 IDE 更好,让它知道如何在没有所有红色下划线的情况下搜索这些东西吗?
bokeh - 散景动态标题
如何根据框缩放更改散景图的标题?例如,我想将标题显示为 sum(x)/sum(y)(想在使用框缩放时动态更改标题)。
python - CustomJS 回调上的散景布局更新
我是新手bokehJS
,我需要根据dropdown
值更新情节。对于初始加载,我使用以下代码添加arrow
绘图布局。但是,每当我更改dropdown
情节上的值时,都会更新,但arrow
会消失。
下面是callback
我写的自定义js:
)
如何在 中编辑布局callbackJS
?
注意:我希望这是独立的 html 页面,所以不愿意使用散景服务器。
angular - 带有 Angular 的 bokehjs:导入时出错
我们正在尝试在角度 10 和 11 中导入@bokeh/bokehjs,如下所示:
但是,我们在编译时面临以下问题。 编译错误
错误:node_modules/@bokeh/bokehjs/build/js/types/core/property_mixins.d.ts:115:30 - 错误 TS1005: ']' 预期。
115 [keyof T & string as ${P}_${key}
]: T[key]; ~~ node_modules/@bokeh/bokehjs/build/js/types/core/property_mixins.d.ts:115:46 - 错误 TS1005: ';' 预期的。
115 [keyof T & string as ${P}_${key}
]: T[key]; ~ node_modules/@bokeh/bokehjs/build/js/types/core/property_mixins.d.ts:115:47 - 错误 TS1128:需要声明或声明。
115 [keyof T & string as ${P}_${key}
]: T[key]; ~ node_modules/@bokeh/bokehjs/build/js/types/core/property_mixins.d.ts:116:1 - 错误 TS1128:需要声明或声明。
116};
下面是我们正在使用的 bokehjs 和 node 版本
散景:2.3.2
节点:14.17.3
谁能帮我们解决这个问题,如果有什么需要做的,请告诉我们
谢谢
bokeh - 是否可以使用普通 html(Further Vue/React 组件)将数据发送到散景图?
我一直在尝试 Bokeh 文档中的几乎所有内容,但我不知道这是否可能。
我想要的是使用常规 html(输入/文本框/表格和后来的 Vue/React 组件)来获取散景服务器应用程序要使用的数据,但是我不想嵌入散景并使用 http 请求,我希望他们一起跑。理想情况下,在 Vue 组件上选择某些东西,会触发我在 python 上的散景服务器的回调,因此它会更新绘图。到目前为止,在我看来,这只能通过 Bokeh 小部件来实现。
有没有办法做到这一点?
谢谢