Quarto Reveal.js演示中Plotly图表无法输出，如何解决？

问题原因 #

fig.show()是针对Jupyter Notebook这类交互式环境的显示方法，Quarto渲染Reveal.js演示文稿时，需要直接返回Plotly图表对象来触发正确的渲染流程，而非调用show()方法。

解决方案1：直接返回图表对象 #

修改你的Plotly代码块，移除fig.show()，改为直接返回fig：

from IPython.display import HTML
import plotly.express as px
data = {"x": [1, 2, 3, 4], "y": [10, 20, 15, 25]}

# 创建图表
fig = px.line(data, x="x", y="y", title="Simple Plotly Line Chart")

# 直接返回图表对象，Quarto会自动渲染
fig

解决方案2：嵌入资源（可选） #

如果图表仍无法加载，可在YAML头部添加embed-resources: true，确保Plotly的JS资源被嵌入到演示文稿中，避免外部加载失败：

---
title: "Title"
format:
  revealjs: 
    auto-fit: false
    embed-resources: true
---

验证效果 #

重新渲染Quarto文档，Plotly图表即可正常显示在Reveal.js幻灯片中，渲染逻辑与Matplotlib图表一致。

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