0

0

解决 Jupyter 中 Plotly 循环绘图仅显示最后 8 个图形的问题

聖光之護

聖光之護

发布时间:2026-03-07 10:19:13

|

373人浏览过

|

来源于php中文网

原创

在 Jupyter(Notebook 或 Lab)中使用 fig.show() 循环绘制多个 Plotly 图形时,旧图被自动清除是常见现象,本质源于前端渲染限制与输出缓冲机制;本文提供稳定显示全部图形的三种可靠方案。

在 jupyter(notebook 或 lab)中使用 `fig.show()` 循环绘制多个 plotly 图形时,旧图被自动清除是常见现象,本质源于前端渲染限制与输出缓冲机制;本文提供稳定显示全部图形的三种可靠方案。

Plotly 在 Jupyter 环境中默认以独立交互式组件形式渲染图形,每次调用 fig.show() 会将新图形插入当前 cell 的输出区域。当输出内容过多(尤其是大型交互式 HTML 组件)时,Jupyter 前端(特别是旧版 Notebook 内核或某些浏览器环境)可能触发输出截断、内存回收或 DOM 节点复用策略——这正是用户观察到“超过 8 个图后旧图消失”的根本原因。值得注意的是,该行为并非 Plotly 本身的 Bug,而是 Jupyter 输出系统对大量富媒体内容的保守处理机制;实际可支持的图形数量取决于环境配置(如 jupyter-server 版本、前端渲染引擎、浏览器内存限制),而非硬编码阈值。

推荐解决方案如下(按优先级排序):

1. 使用 plotly.graph_objects.FigureWidget(适用于需交互+持久化场景)

FigureWidget 将图形作为可更新的前端对象嵌入,避免重复创建输出单元,天然规避截断问题:

import plotly.express as px
import plotly.graph_objects as go
from IPython.display import display

df = px.data.iris()
myColumnList = ['sepal_length', 'sepal_width', 'petal_length', 'petal_width']

for i in myColumnList:
    for j in myColumnList:
        if i != j:  # 避免自相关图
            fig = px.scatter(df, x=i, y=j, title=f'{i} vs {j}')
            # 使用 FigureWidget 替代 fig.show()
            widget = go.FigureWidget(fig)
            display(widget)  # 每次 display 创建独立输出槽位

⚠️ 注意:FigureWidget 在 JupyterLab 中需安装 jupyterlab-plotly 扩展(pip install jupyterlab-plotly && jupyter labextension install jupyterlab-plotly),Notebook 中通常开箱即用。

2. 合并为子图(Subplots)——最高效、最专业的可视化实践

若目标是批量对比,强烈建议将多图整合进单个 make_subplots 容器,显著降低前端负载并提升可读性:

from plotly.subplots import make_subplots
import plotly.express as px

df = px.data.iris()
myColumnList = ['sepal_length', 'sepal_width', 'petal_length', 'petal_width']
n = len(myColumnList)
fig = make_subplots(
    rows=n, cols=n,
    subplot_titles=[f'{i} vs {j}' for i in myColumnList for j in myColumnList],
    horizontal_spacing=0.05,
    vertical_spacing=0.05
)

for idx, i in enumerate(myColumnList):
    for jdx, j in enumerate(myColumnList):
        if i != j:
            scatter = px.scatter(df, x=i, y=j).data[0]
            fig.add_trace(scatter, row=idx+1, col=jdx+1)
        else:
            # 对角线可放直方图或留空
            fig.add_annotation(
                xref="x domain", yref="y domain",
                x=0.5, y=0.5, showarrow=False,
                text=f"<b>{i}</b>", font_size=14,
                row=idx+1, col=jdx+1
            )

fig.update_layout(height=1200, width=1200, showlegend=False)
fig.show()

3. 强制刷新输出缓冲(临时应急方案)

若必须保持单图独立输出,可在循环中显式调用 IPython.display.clear_output(wait=True) 并累积输出,但不推荐用于大量图形(易卡顿):

from IPython.display import clear_output, display

figures = []
for i in myColumnList:
    for j in myColumnList:
        fig = px.scatter(df, x=i, y=j, title=f'{i} vs {j}')
        figures.append(fig)

# 一次性显示全部(依赖浏览器性能)
for fig in figures:
    fig.show()
    clear_output(wait=True)  # 防止瞬时刷屏,但非根本解法

? 关键注意事项总结:

  • 永远优先考虑子图整合:既符合数据可视化最佳实践,又彻底规避前端限制;
  • ✅ FigureWidget + display() 是动态展示多图的稳健选择,适合教学演示或探索性分析;
  • ❌ 避免无节制调用 fig.show() —— 它会持续向输出区追加重量级 HTML,而非“覆盖”;
  • ? 若仍遇问题,请升级核心环境:pip install --upgrade plotly jupyter jupyterlab jupyter-server,JupyterLab ≥4.0 / Notebook ≥7.0 对富媒体输出有显著优化;
  • ? Binder 等托管环境可能因资源限制更敏感,本地部署通常表现更优。

通过合理选用上述任一方法,即可稳定呈现任意数量的 Plotly 图形,兼顾交互性、性能与专业性。

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
pip安装使用方法
pip安装使用方法

安装步骤:1、确保Python已经正确安装在您的计算机上;2、下载“get-pip.py”脚本;3、按下Win + R键,然后输入cmd并按下Enter键来打开命令行窗口;4、在命令行窗口中,使用cd命令切换到“get-pip.py”所在的目录;5、执行安装命令;6、验证安装结果即可。大家可以访问本专题下的文章,了解pip安装使用方法的更多内容。

373

2023.10.09

更新pip版本
更新pip版本

更新pip版本方法有使用pip自身更新、使用操作系统自带的包管理工具、使用python包管理工具、手动安装最新版本。想了解更多相关的内容,请阅读专题下面的文章。

433

2024.12.20

pip设置清华源
pip设置清华源

设置方法:1、打开终端或命令提示符窗口;2、运行“touch ~/.pip/pip.conf”命令创建一个名为pip的配置文件;3、打开pip.conf文件,然后添加“[global];index-url = https://pypi.tuna.tsinghua.edu.cn/simple”内容,这将把pip的镜像源设置为清华大学的镜像源;4、保存并关闭文件即可。

798

2024.12.23

python升级pip
python升级pip

本专题整合了python升级pip相关教程,阅读下面的文章了解更多详细内容。

370

2025.07.23

DOM是什么意思
DOM是什么意思

dom的英文全称是documentobjectmodel,表示文件对象模型,是w3c组织推荐的处理可扩展置标语言的标准编程接口;dom是html文档的内存中对象表示,它提供了使用javascript与网页交互的方式。想了解更多的相关内容,可以阅读本专题下面的文章。

4218

2024.08.14

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

3

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

21

2026.03.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

108

2026.03.04

AI安装教程大全
AI安装教程大全

2026最全AI工具安装教程专题:包含各版本AI绘图、AI视频、智能办公软件的本地化部署手册。全篇零基础友好,附带最新模型下载地址、一键安装脚本及常见报错修复方案。每日更新,收藏这一篇就够了,让AI安装不再报错!

51

2026.03.04

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号