gpt4 book ai didi

javascript - 如何在 BokehJS 中使用 CustomJS?

转载 作者:行者123 更新时间:2023-11-28 04:02:29 26 4
gpt4 key购买 nike

由于 BokehJS 相对较新,我正在努力寻找一个展示 CustomJS 与 BokehJS 配合使用的工作示例。我希望事情与在 python 中使用 CustomJS 有所不同,因为在使用 CustomJS 时应该可以直接提供 javascript 函数作为 BokehJS 中 CustomJS 的参数,而不是 javascript 代码片段。在Python中。

在没有任何进一步信息的情况下,我最好的猜测是以下代码,该代码旨在在平移或缩放用户操作时更新 x 轴的下限时在控制台中打印 x 轴的下限,但它不会工作。

任何人都可以纠正这个问题并展示 CustomJS 在 BokehJS 中的正确用法吗?

编辑:使用 Github 上提供的解决方案更新示例。谢谢!

<html>
<head>
<link rel="stylesheet" href="https://cdn.bokeh.org/bokeh/release/bokeh-0.12.10.css" type="text/css" />
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-0.12.10.js"></script>
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-api-0.12.10.js"></script>
<!-- The order of CSS and JS imports above is important. -->

</head>
<body>
<div id="myPlot">
</div>
<script type="text/javascript">
// data to plot
var source = new Bokeh.ColumnDataSource({
data: { x: [0,1,2,3,4,5,6,7,8,9], y: [0,1,4,-2,2,5,0,2,1,1] }
});

// make the plot and add some tools
var tools = "pan,crosshair,wheel_zoom,box_zoom,reset,save";

var plot = Bokeh.Plotting.figure({
title:"demo plot",
tools: tools,
toolbar_location:"above",
sizing_mode:"stretch_both"
});

var scatterData = plot.line({ field: "x" }, { field: "y" }, {
source: source,
line_width: 2
});

plot.x_range.callback=new Bokeh.CustomJS({args:{plot:plot},code:"console.log(plot.x_range.start);"});

// Show the plot, appending it to the end of the current
// section of the document we are in.
Bokeh.Plotting.show(plot,document.getElementById("myPlot"));
</script>
</body>
</html>

最佳答案

此处讨论了问题: https://github.com/bokeh/bokeh/issues/7130

当前正确的用法显示在问题的编辑代码中。

从 Bokeh 0.12.11 开始,还可以直接将范围内的回调定义为 JavaScript 函数:

plot.x_range.callback=function(){console.log(plot.x_range.start);};

关于javascript - 如何在 BokehJS 中使用 CustomJS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46975752/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com