You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在PyCharm中内置显示交互式Plotly图表?

如何在PyCharm中嵌入交互式Plotly图表(解决空白显示问题)

我完全懂你的困扰——同样的Plotly代码在Jupyter里能正常弹出交互式图表,但放到PyCharm的笔记本里就一片空白,试过Stack Overflow的相关方案也没解决,还不想用plot()跳转到外部浏览器。下面给你几个针对性的解决方案:

1. 调整Plotly渲染器适配PyCharm环境

原来的py.init_notebook_mode()是专为Jupyter的前端交互机制设计的,PyCharm的内置IPython笔记本对这个支持有限。你可以改用plotly.io模块指定渲染器,直接让图表嵌入笔记本:

import plotly.graph_objs as go
import plotly.io as pio

# 设置默认渲染器为notebook,适配PyCharm的交互环境
pio.renderers.default = 'notebook'

data = [go.Bar(
    x=['giraffes', 'orangutans', 'monkeys'],
    y=[20, 14, 23]
)]

# 直接显示图表对象
pio.show(data)

如果你习惯用Plotly Express,代码会更简洁:

import plotly.express as px

fig = px.bar(x=['giraffes', 'orangutans', 'monkeys'], y=[20, 14, 23])
# 指定渲染器为notebook
fig.show(renderer='notebook')

2. 检查PyCharm的科学绘图设置

有时候是PyCharm的默认绘图显示方式导致的,你可以调整这个设置:

  • 打开PyCharm的「File > Settings」(Windows/Linux)或「PyCharm > Settings」(Mac)
  • 导航到「Tools > Python Scientific」
  • 勾选「Show plots in tool window」选项
  • 重启PyCharm后再运行代码,看看图表是否正常嵌入显示

3. 版本与环境注意事项

  • 确保你用的是PyCharm Professional版本:社区版不支持内置笔记本的交互式图表嵌入,只能通过外部浏览器打开
  • 升级到最新版Plotly:执行pip install --upgrade plotly,旧版本可能存在兼容性问题
  • 确认你的Python解释器已经安装了ipython和plotly依赖:如果缺失的话,PyCharm会提示你安装

为什么原来的代码会空白?

py.init_notebook_mode(connected=True)的作用是在Jupyter的页面中加载Plotly的JS资源,而PyCharm的内置笔记本在JS加载机制上和Jupyter有差异,导致iplot无法正常渲染出交互式内容,只会显示空白区域。

内容的提问来源于stack exchange,提问作者wind

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 06:34:40