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


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


上一篇:c#中goto语句的用途有哪些

下一篇:C语言断言assert的用途有哪些


Bokeh
Copyright © 2002-2019 测速网 www.inhv.cn 皖ICP备2023010105号
测速城市 测速地区 测速街道 网速测试城市 网速测试地区 网速测试街道
温馨提示:部分文章图片数据来源与网络,仅供参考!版权归原作者所有,如有侵权请联系删除!

热门搜索 城市网站建设 地区网站制作 街道网页设计 大写数字 热点城市 热点地区 热点街道 热点时间 房贷计算器