要將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 圖表。