如何将StylerFrame对象嵌入到包含Plotly图表的HTML页面中

StyleFrame 内置了直接导出带样式HTML的方法，无需额外转成Pandas DataFrame手动重写样式，操作方式如下：

• 调用to_html()方法即可直接从StyleFrame对象生成保留原有Excel格式（单元格颜色、字体、对齐方式等）的HTML表格字符串
• 若需要和Plotly图表等其他内容整合，直接拼接各部分的HTML字符串后写入文件即可

完整示例代码 #

from StyleFrame import StyleFrame
import plotly.express as px

# 1. 读取带格式的Excel文件
s_filename = "你的文件路径.xlsx"
sf = StyleFrame.read_excel(s_filename, engine='openpyxl', read_style=True)

# 2. 生成带原有样式的HTML表格
# 可传入参数调整表格基础样式，比如边框、单元格边距等
html_table = sf.to_html(border=1, cellspacing=0, cellpadding=4)

# 3. 生成Plotly图表的HTML片段
# 这里替换为你自己的Plotly绘图逻辑
df = sf.data_df # 如需用数据绘图可直接从StyleFrame取出DataFrame
fig = px.line(df, x='日期', y='销售额')
plotly_html = fig.to_html(full_html=False)

# 4. 拼接完整报表HTML
full_report_html = f"""
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>自动化报表</title>
</head>
<body>
    <h1>销售数据报表</h1>
    <h2>数据趋势图</h2>
    {plotly_html}
    <h2>原始明细数据（保留Excel原格式）</h2>
    {html_table}
</body>
</html>
"""

# 5. 写入HTML文件
with open("销售报表.html", "w", encoding="utf-8") as f:
    f.write(full_report_html)

如果不需要额外拼接其他内容，也可以直接调用sf.to_html("输出文件名.html")直接导出单独的HTML表格文件。

内容的提问来源于stack exchange，提问作者Viji Sharma