当前位置：首页 > news >正文

使用Python自动生成图文并茂的网页分析报告

news 2025/9/23 13:35:12

在数据分析中，不管是市场研究还是科学分析，经常需要使用Python进行数据分析并生成图表报告。一般使用Python生成和展示图表时都是使用matplotlib 库生成静态图片文件，这种方式不便之处是不方便跟动态文字段落结合在一起，也不方便分享。特别是我们需要使用Python定时自动生成数据分析报告并通过网络发布时，如果使用Flask等网络框架，技术门槛比较高，实现复杂。本文探讨使用一种非常直接简单的方法来使用Python不依赖其他网络库直接生成图文并茂的网页文件，这种方法可以广泛应用到数据分析里。

思路和实现步骤

先利用 matplotlib 库绘制精美的数据图表，对数据进行直观呈现，接着将生成的图表保存为图片，再使用html代码模版以文本形式调用图片路径，然后将生成的HTML代码通过Python的文件读写功能以文本的形式保存为文件，文件格式设置为html。最后自动打开默认浏览器打开这个刚生成的html文件，这样Python程序运行完就马上看到了生成的图文并茂的html数据分析报告了。。

这个Python程序的主要功能是生成一个包含数据可视化图表和特定HTML内容的网页，并自动在默认浏览器中打开该网页。以下是对程序的详细总结：

1. 数据可视化部分

导入必要的库：导入了pylab、webbrowser、matplotlib.pyplot，其中matplotlib.pyplot用于绘制图表，webbrowser用于在浏览器中打开网页。
设置图表参数：
- 设置图片的像素、分辨率和图表的尺寸。
- 解决中文显示问题，指定默认字体为SimHei，并解决负号显示为方块的问题。
定义数据：定义了两个数据列表y和y2，以及对应的x轴标签列表。
绘制图表：
- 设置图表的标题、x轴和y轴的标签。
- 使用plt.plot()函数绘制两条折线图，分别标记为Y和Y2，并设置了线条的颜色、标记样式等。
- 使用legend()函数显示图例。
- 将x轴标签倾斜45度。
- 在每个数据点上添加数字标签。
- 在指定位置添加文本说明。
- 反转y轴。
- 将生成的图表保存为1.jpg文件，并显示图表，最后关闭图表窗口。

2. HTML文件生成部分

创建HTML文件：创建两个HTML文件test.html和test2.html（这是为了测试对比，实际只需要生成1个文件）。
写入HTML内容：
- 在test2.html中写入包含标题的HTML内容。
- 在test.html中写入包含图片链接和自定义HTML内容的消息，其中图片链接指向之前生成的1.jpg文件。
关闭文件：关闭两个HTML文件。

3. 浏览器打开部分

使用webbrowser.open()函数在默认浏览器中打开test.html文件。

综上所述，该程序的主要目的是将数据可视化图表和特定的HTML内容整合到一个网页中，并自动在浏览器中展示。

最后上完整代码：

# coding:utf-8
"""
此 Python 代码具备强大的功能，能将数据可视化与网页生成巧妙结合。它先利用 matplotlib 库绘制精美的折线图，对数据进行直观呈现，解决了中文显示、负号显示等细节问题。接着将生成的图表保存为图片，再自动创建 HTML 文件，把图表和预设的 HTML 内容整合到网页中，最后自动在默认浏览器中打开网页，实现数据的可视化展示与传播。
适用人群
适合数据分析师、营销人员、学生等人群。数据分析师可用其直观展示数据分析结果；营销人员能借此展示销售数据、市场趋势等；学生则可用于课程作业、项目展示等。
yl，2024年
"""
from pylab import *
import webbrowser #浏览器控制库，如果仅仅是生成html文件可以不用
import matplotlib.pyplot as pltstr='查看=[21-1-10 - 21-1-16]'#figsize(12.5, 4) # 设置 figsize
plt.rcParams['savefig.dpi'] = 300 #图片像素
plt.rcParams['figure.dpi'] = 200 #分辨率
# 默认的像素：[6.0,4.0]，分辨率为100，图片尺寸为 600&400
# 指定dpi=200，图片尺寸为 1200*800
# 指定dpi=300，图片尺寸为 1800*1200
# 设置figsize可以在不改变分辨率情况下改变比例
#解决中文显示问题
plt.rcParams['font.sans-serif'] = ['SimHei'] # 指定默认字体
plt.rcParams['axes.unicode_minus'] = False # 解决保存图像是负号'-'显示为方块的问题
plt.rcParams['figure.figsize'] = (10.0, 6.0) # 设置figure_size尺寸
font_label = {'family':'SimHei',
'weight' : 'normal',
'size'   : 20,
}
y=[1,23,19,2300,3,5,12,2300,19,23,3,500,12]
y2=[2,24,23,3,9,110,13,23,1300,26,3,9,10000]
x=['2021-02-22','2021-03-22','2021-04-22','c','d','e','f','O','j','feb','jan','mar','oct']
plt.title('Keyword Ranking销售排名',fontdict={'size':20},loc='center')
plt.xlabel('X轴',fontdict=font_label)
plt.ylabel('Y轴',fontdict=font_label)
plt.plot(x,y,linewidth=3,color='r',marker='D',markerfacecolor='yellow', markersize=5,linestyle='-',label='Y')            #标记线为红色r,标点为大菱形D，风格为虚线
plt.plot(x,y2,color='b',marker='p',linestyle='-',label='Y2')
legend(loc='best',title='Name')                                     #在plot()函数中增加一个参数label，再通过legend()函数显示图例
plt.xticks(rotation=45)               #X横坐标倾斜60度
#plt.legend(bbox_to_anchor=(1.05, 1), loc=2, borderaxespad=0.)    #将说明图表放置在图表外# 设置数字标签
for a, b in zip(x, y):plt.text(a, b, b, ha='center', va='top', fontsize=10)   #fontsize，style，ha，va参数分别是字号，字体，垂直对齐方式，水平对齐方式
for a, b in zip(x, y2):plt.text(a, b, b, ha='center', va='bottom', fontsize=10)
plt.text(5,500,'相关系数:\n增长幅度:',ha='center', va='top', fontsize=10,color='b')   #前面2个参数为x，y对应坐标值ax = plt.gca()
ax.invert_yaxis()  #y轴反向
plt.savefig('1.jpg',dpi=100)
#plt.show()
plt.close()# 命名生成的html
GEN_HTML = "test.html"
htmlfile2="test2.html"
# 打开文件，准备写入
f = open(GEN_HTML, 'w',encoding='UTF-8')
f2=open(htmlfile2,'w',encoding='UTF-8')
title="这是产品标题"
body="<p><h1>标题</h1></p>"
html="""
<html><head><title>%s</title></head><body>%s</body
</html>
"""%(title,body)
f2.write(html)
f2.close()
print(f"成功了")
# 准备相关变量
str1 = """
<h1>这是标题</h1>
<a class="a-link-normal s-no-outline" href="/gp/slredirect/picassoRedirect.html/ref=pa_sp_atf_aps_sr_pg1_1?ie=UTF8&amp;adId=A07267723HYUM7A1IS3F4&amp;url=%2FNew-Star-Foodservice-Commercial-Suction%2Fdp%2FB00DVXLML4%2Fref%3Dsr_1_1_sspa%3Fcrid%3D3D71DEYXHO6JB%26dchild%3D1%26keywords%3Dfrench%2Bfry%2Bcutter%26qid%3D1614913550%26sprefix%3Dfrench%2B%252Caps%252C470%26sr%3D8-1-spons%26psc%3D1&amp;qualifier=1614913550&amp;id=5497147329523695&amp;widgetName=sp_atf">
<div class="a-section aok-relative s-image-square-aspect">
<img src="https://m.media-amazon.com/images/I/81OLbMS+cHL._AC_UL320_.jpg" class="s-image" alt="Sponsored Ad - New Star Food Service 42313 Commercial Restaurant French Fry Cutter with Suction Feet, 1/2-Inch" srcset="https://m.media-amazon.com/images/I/81OLbMS+cHL._AC_UL320_.jpg 1x, https://m.media-amazon.com/images/I/81OLbMS+cHL._AC_UL480_FMwebp_QL65_.jpg 1.5x, https://m.media-amazon.com/images/I/81OLbMS+cHL._AC_UL640_FMwebp_QL65_.jpg 2x, https://m.media-amazon.com/images/I/81OLbMS+cHL._AC_UL800_FMwebp_QL65_.jpg 2.5x, https://m.media-amazon.com/images/I/81OLbMS+cHL._AC_UL960_FMwebp_QL65_.jpg 3x" data-image-index="2" data-image-load="" data-image-latency="s-product-image" data-image-source-density="1">
</div>
</a>"""str2 = r'''
<img <img alt="测试图" src="1.jpg"><b>加粗</b>
<div><div><ul><li font="50"> <h1>评论与销售分析</h1></li><li> 评分数相关分析</li></ul><div><table><tr><td> table </td><td bgcolor="#0fff90"> table2 </td></tr></table></div></div
</div>
'''# 写入HTML界面中
message = """
<html>
<head></head>
<body>
<p>%s</p>
<p>%s</p>
</body>
</html>
""" % (str1, str2)# 写入文件
f.write(message)
# 关闭文件
f.close()# 自动调用网络浏览器打开刚才生成的网页文件
webbrowser.open(GEN_HTML, new=0)

使用Python自动生成图文并茂的网页分析报告

思路和实现步骤

1. 数据可视化部分

2. HTML文件生成部分

3. 浏览器打开部分

相关文章：

使用Python自动生成图文并茂的网页分析报告

uniapp-原生android插件开发摘要

GIT工具学习【1】：基本操作

《国密算法开发实战：从合规落地到性能优化》

【语法】C++中string类中的两个问题及解答

LeetCode-154. 寻找旋转排序数组中的最小值 II

2.数据结构：1.Tire 字符串统计

C语言复习4：有关数组的基础常见算法

Ubuntu从零创建Hadoop集群

GPIO概念

Node.js, Bun, Deno 比较概述

C# 类库打包dll文件

Linux中的UDP编程接口基本使用

RAG项目实战：金融问答系统

大白话React第十一章React 相关的高级特性以及在实际项目中的应用优化

虚拟机Linux操作(持续更新ing)

【开源-线程池（Thread Pool)项目对比】

JMeter 实战项目脚本录制最佳实践（含 BadBoy 录制方式）

Jackson注解实战：@JsonInclude的妙用

CAN总线通信协议学习1——物理层

龙虎榜——20250610

【杂谈】-递归进化：人工智能的自我改进与监管挑战

【决胜公务员考试】求职OMG——见面课测验1

《基于Apache Flink的流处理》笔记

使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台

代理篇12|深入理解 Vite中的Proxy接口代理配置

PAN/FPN

A2A JS SDK 完整教程：快速入门指南

并发编程 - go版

NPOI操作EXCEL文件 ——CAD C# 二次开发