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

   2024-10-15 5340
核心提示:要将Bokeh图表嵌入到HTML网页中,可以使用Bokeh提供的 embed 库。以下是一个简单的示例:首先,创建一个Bokeh图表:from bokeh.p

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

首先,创建一个Bokeh图表:

from bokeh.plotting import figurefrom bokeh.io import showfrom 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 图表。

 
举报打赏
 
更多>同类维修大全
推荐图文
推荐维修大全
点击排行

网站首页  |  关于我们  |  联系方式网站留言    |  赣ICP备2021007278号