Fedora下PyCharm中Jupyter Notebook导出Plotly图表为HTML后无法显示？

问题根源 #

确实和PyCharm的导出机制直接相关。PyCharm自带的Jupyter Notebook导出功能对Plotly这类交互式图表的支持存在缺陷：导出HTML时没有自动嵌入或引用Plotly渲染所需的JavaScript依赖文件。而JupyterLab使用官方nbconvert工具，会自动处理这些依赖的加载逻辑，所以在JupyterLab中导出的HTML能正常显示图表。

可行解决方案 #

• 修改渲染器配置，强制依赖CDN加载
  在代码开头导入Plotly后添加以下配置，让Plotly从官方CDN加载所需的JS资源，导出的HTML会保留CDN链接，浏览器能自动获取依赖渲染图表：

  import plotly.io as pio
  pio.renderers.default = 'notebook_connected'
  

  原有的fig.show()无需修改，保持即可。

• 手动导出独立图表HTML，再整合查看
  将fig.show()替换为以下代码，生成包含完整依赖的独立图表HTML文件，可直接在任何浏览器打开显示：

  fig.write_html("simulated_portfolios.html", include_plotlyjs='cdn')
  

  若需和笔记本内容一起查看，可先通过PyCharm导出笔记本为HTML，再手动把生成的图表HTML内容嵌入对应位置。

• 使用Jupyter官方导出命令替代PyCharm导出
  直接在终端运行Jupyter原生导出命令，该命令能正确处理Plotly的依赖，生成的HTML兼容性更好：

  jupyter nbconvert --to html your_notebook_name.ipynb
  

  替换your_notebook_name为实际笔记本文件名，执行后生成的HTML文件在PyCharm内置浏览器或其他浏览器中都能正常显示图表。

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