Bokeh可视化在Django中部署指南
作者:归人云淡风轻
时间:2026-01-05
来源:互联网
浏览:0
系统:Windows7语言版本:Anaconda3-4.3.0.1-Windows-x86_64编辑器:pycharm-community-2016.3.2bokeh:0.12.7本系列介绍可视化库bokeh,目标是在网站上使用今天讲讲如何在Django中使用Part1:使用场景介绍在前端显示一个柱状图柱状图的主体是在Django中完成的前端效果Part2:前端代码代码语言:javascript代码运行次数:0运行复制{%loadstaticfiles%}Bokeh-测
系统:Windows 7语言版本:Anaconda3-4.3.0.1-Windows-x86_64编辑器:pycharm-community-2016.3.2bokeh:0.12.7
本系列介绍可视化库bokeh,目标是在网站上使用今天讲讲如何在Django中使用Part 1:使用场景介绍

前端效果

Part 2:前端代码

{% load staticfiles %} Bokeh-测试2 {{ script |safe }} bokeh示例
{{ graph |safe }} 数量 代码结构

代码截图



Part 3:前端代码解读

{{ script |safe }}在body内新增一段代码{{ graph |safe }},注意放置的位置Part 4:后端代码

View类
代码语言:javascript代码运行次数:0运行复制from django.shortcuts import renderfrom django.views.generic.base import Viewfrom bokeh.plotting import figure, output_file, showfrom bokeh.resources import CDNfrom bokeh.embed import componentsclass Test2View(View): def get(self, request): tools_set = "hover,pan,wheel_zoom,box_zoom,reset,save,box_select" p = figure(plot_width=800, plot_height=400, tools=tools_set) p.vbar(x=[2, 4, 6, 8], width=1, bottom=1000, top=[6000, 7000, 8000, 6500], color="firebrick") script, div = components(p, CDN) return render(request, 'bokeh_example_2.html', { 'script': script, 'graph': div, })代码语言:javascript代码运行次数:0运行复制url地址
代码语言:javascript代码运行次数:0运行复制from django.urls import re_path, pathfrom .views import Test1View, Test2Viewapp_name = "bokeh_examples"urlpatterns = [ re_path('^test1/$', Test1View.as_view(), name='test1'), re_path('^test2/$', Test2View.as_view(), name='test2'),]代码语言:javascript代码运行次数:0运行复制代码截图

Part 5:部分代码解读

figure,CDN,componentsDjango从后端传给前端两个参数script,graph其中script对应一段js代码,graph对应一段html代码关于如何控制图片在前端显示的位置大小,目前还有点问题,后续再剖析
作者最新文章
荣耀MagicOS 11发布计划与Agent Harness架构解析
2026-09-08 19:23
AI重构企业业务架构:超聚变“智企”范式核心解析
2026-09-08 18:39
PDF合并工具怎么选?在线合并5步实操指南
2026-09-04 17:05
PDF图片压缩工具推荐与批量处理实操指南
2026-09-03 12:14
照片如何转成PDF格式?三种图片转PDF操作方法
2026-09-03 11:04
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多
Windows 10
Windows
Windows 10 是一款微软推出的经典操作系统,拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起,适合需要持续观察和微调设备状态的场景。
极度公式
Windows/macOS/Linux
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
















