Google Sheet发布的Iframe图表无法显示（控制台报google未定义错误）

问题背景 #

将Google Sheet中的交互式图表通过iframe嵌入公开页面后，图表容器为空，浏览器控制台抛出错误：

1408372654-RitzChartRenderingJ2cl_j2cl_core.js:1902 Uncaught ReferenceError: google is not defined
at 1408372654-RitzChartRenderingJ2cl_j2cl_core.js:1902:910
at 1408372654-RitzChartRenderingJ2cl_j2cl_core.js:2148:4

已将Sheet设置为公开访问，嵌入代码示例：

<iframe width="600" height="371" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSbGLsqyv6dC9WIT7BmX0CGhqucwmSzuNEwz2DyrV4lUesn00eWuNuWkdA7norLmWKtHeOUpZomVMgR/pubchart?oid=339810208&amp;format=interactive"></iframe>

修复步骤 #

• 重新确认图表发布权限：进入Sheet，选中目标图表→右上角「⋮」→「发布图表」，确保权限设置为「任何人（无需Google账号）可查看」，重新生成嵌入代码替换现有代码。
• 切换嵌入格式：将iframe src中的format=interactive改为format=image，测试静态图表能否正常显示。若静态图正常，说明是交互式图表的加载依赖问题。
• 父页面预加载Google Charts库：若必须使用交互式图表，在嵌入图表的父页面<head>中添加Google Charts核心库：

  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  

• 清除缓存测试：用Ctrl+Shift+R强制刷新页面，或使用无痕浏览器窗口测试，排除旧缓存导致的加载异常。
• 排查网络环境：部分网络可能限制Google静态资源加载，切换网络（如手机热点）验证是否为环境问题。

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