在本系列中,我们将深入探讨可视化库bokeh,旨在通过网站展示其功能。本文将根据官方文档,初步介绍bokeh的基本使用。

目前,我正在使用django开发网站,图表显示是其中一个常见需求。之前主要使用echarts,效果不错。然而,我决定尝试bokeh,一方面是为了学习新技术,另一方面是因为我更熟悉Python而非JavaScript。虽然有pyecharts,但我尚未深入研究。经过一番寻找,我发现bokeh非常适合后端实现。


下面展示的是从1号到15号的排班情况,1表示上班,0表示放假。生成的图表是一个HTML文件,提供了多种交互工具,如移动和放大等。

生成的HTML文件如下:


以下是生成上述图表的代码,编程语言为Python:
from bokeh.plotting import figure, output_file, show
<h1>准备数据</h1><p>x = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]
y = [1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 0, 0, 1]</p><h1>输出到静态HTML文件</h1><p>output_file("排班情况.html")</p>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/xiazai/code/8801">
<img src="https://img.php.cn/upload/webcode/000/000/001/175680000452762.png" alt="魔众手机落地页系统2.9.0">
</a>
<div class="aritcle_card_info">
<a href="/xiazai/code/8801">魔众手机落地页系统2.9.0</a>
<p>魔众手机落地页系统发布v2.6.0版本,新功能和Bug修复累计45项,组件交互全新升级,组件移动,支持组件ID,增加附件管理。 魔众手机落地页系统是一个专为移动端营销、推广而设计的系统,其特点和优势可以归纳如下: 支持多平台:该系统支持手机H5、微信小程序、抖音小程序等主流移动端平台,确保用户能随时随地、轻松访问。 可视化编辑:提供可视化拖拽编辑功能,用户无需编程知识,</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="魔众手机落地页系统2.9.0">
<span>0</span>
</div>
</div>
<a href="/xiazai/code/8801" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="魔众手机落地页系统2.9.0">
</a>
</div>
<h1>创建一个带标题和坐标轴标签的新图表</h1><p>p = figure(title="第一个示例", x_axis_label='几号', y_axis_label='1:上班;0:不用上班')</p><h1>添加带图例和线宽的线渲染器</h1><p>p.line(x, y, legend="上班排班", line_width=2)</p><h1>显示结果</h1><p>show(p)代码截图如下:


以上代码源自官方文档,稍作修改。详细信息请参考:
<a href="https://www.php.cn/link/48c6cf7451166d5100957505b28a45b8">https://www.php.cn/link/48c6cf7451166d5100957505b28a45b8</a>
output_file("排班情况.html")show(p)
p.line(x, y, legend="上班排班", line_width=2)
Ps:整体操作相当简单。对于这类图形,一个常见的需求是鼠标移动时显示数值,敬请期待下期分享。
以上就是可视化-bokeh-01-初识的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号