如何在Wix中嵌入可交互的Plotly图表而非静态图表

确认嵌入代码类型 #

从Chart Studio获取嵌入代码时，选择Interactive embed（交互式嵌入），不要选静态图片选项。如果之前复制的是静态链接，切换到交互式选项重新复制代码。

换用Wix的HTML iframe组件 #

别直接往普通文本框里贴HTML代码，改用专门的iframe组件：

• 在Wix编辑器左侧点击「添加」→「嵌入代码」→「HTML iframe」
• 把加了?showlink=false的Chart Studio嵌入代码粘贴到组件的代码输入框中
• 调整组件尺寸适配图表大小，保存后预览

检查Chart Studio的交互设置 #

登录Chart Studio打开你的pltly_exmpl图表，进入「设置」→「交互」选项，确认悬停提示、缩放、平移这些交互功能处于开启状态，保存图表后再复制最新的嵌入代码到Wix。

优化R上传代码 #

使用api_create时添加fileopt = "overwrite"参数，确保覆盖旧版本，避免缓存导致的旧静态图表残留：

Sys.setenv("plotly_username"="My username")
Sys.setenv("plotly_api_key"="My key")
api_create(plot, filename = "pltly_exmpl", fileopt = "overwrite")

清除缓存排查 #

如果调整后还是静态效果：

• 在Wix编辑器中点击「预览」→「刷新预览」
• 发布网站后，清除浏览器缓存再访问页面

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