Bokeh图表如何嵌入到HTML网页中

avatar
作者
猴君
阅读量:0

要将Bokeh图表嵌入到HTML网页中,可以使用Bokeh提供的 embed 库。以下是一个简单的示例:

首先,创建一个Bokeh图表:

from bokeh.plotting import figure from bokeh.io import show from bokeh.embed import components  # 创建一个简单的图表 p = figure() p.line([1, 2, 3, 4, 5], [6, 7, 2, 4, 5])  # 生成图表的JavaScript和HTML代码 script, div = components(p) 

然后,将生成的 JavaScript 和 HTML 代码插入到 HTML 模板中:

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Bokeh Chart</title>     <link href="https://cdn.bokeh.org/bokeh/release/bokeh-2.4.0.min.css" rel="stylesheet" type="text/css">     <script src="https://cdn.bokeh.org/bokeh/release/bokeh-2.4.0.min.js"></script>     {{ script }} </head> <body>     {{ div }} </body> </html> 

最后,将生成的完整 HTML 代码保存到一个文件中,并在浏览器中打开该文件,即可看到嵌入的 Bokeh 图表。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!