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

如何在R包Xaringan幻灯片中加载HTML格式桑基图?

把本地HTML桑基图嵌入Xaringan幻灯片的几种方法

嘿,刚好有过类似的实践经验,给你分享几个好用的方案:

方法1:用htmltools包直接导入

这是最贴合R Markdown生态的方法,步骤很简单:

  • 首先确保你安装了htmltools包(没装的话跑install.packages("htmltools"))
  • 在Xaringan的幻灯片页面里插入R代码块,用includeHTML()函数加载你的桑基图HTML文件:
library(htmltools)
# 如果桑基图HTML和你的Rmd幻灯片在同一个文件夹,直接写文件名即可
includeHTML("sankey_chart.html")
# 如果在子文件夹里,比如放在charts/下,就写相对路径
# includeHTML("charts/sankey_chart.html")

方法2:用HTML iframe嵌入(更灵活控制尺寸)

如果你想自定义桑基图的显示大小、边框,用iframe会更方便。直接在幻灯片页面里插入HTML代码块就行:

<!-- 调整width和height来控制显示尺寸,frameborder设0去掉边框 -->
<iframe src="sankey_chart.html" width="100%" height="600px" frameborder="0"></iframe>

几个关键注意事项

  • 路径要对应:不管用哪种方法,确保HTML文件的路径是正确的。如果是相对路径,要以你的Xaringan Rmd文件所在位置为基准。
  • 资源依赖检查:如果桑基图HTML里引用了外部的JS/CSS文件(比如D3.js),要确保这些文件的路径也能被幻灯片正确访问,不然桑基图可能显示异常。
  • 替代思路:如果你的桑基图是用R包(比如networkD3、highcharter)生成的,其实可以直接在Xaringan里写代码生成,不用先存成HTML文件——不过既然你已经有现成的HTML文件,上面的方法完全够用。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.14 08:24:10