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

要将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 图表。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！