如何在 HTML 中嵌入从 R 导出的功能性书写图

Question

与此相反similarly titled SO post, I have a dygraph I have exported from R that works. The graph was "exported" using rStudio's Viewer Export pictured below. This creates an HTML file of the dygraph you can confirm works in this fiddle

我试图将整个 dygraph 嵌入 another HTML using the recommendation from this SO post 的顶部，但没有成功——实际上什么也没发生。在另一次尝试中，我将 dygraph HTML 复制并粘贴到主机 HTML 中，以改进但仍然很糟糕的结果，即图表与所有内容重叠。

我似乎找不到在 HTML 中嵌入 r dygraphs 的官方方法，它与 Shiny 相关或与 R Markup 无关或涉及输出 CSV 和 respecifying the graph in HTML。 是否有一种官方方法可以在 HTML 中嵌入 r 生成的 dygraphs，如果有的话是什么？不然怎么办？

dygraphs are awesome

Answer 1

似乎没有您正在寻找的灵丹妙药。您用来生成 Dygraph 的 Javascript 库旨在在加载 HTML 时动态渲染图形。如此短的截屏和嵌入该图像，您将需要页面中的 AJAX 和 Javascript 引擎运行来生成图表。如果您查看 fiddle 中的 R Javascript 代码，您会注意到该代码已通过 URL 编码进行了混淆处理。显然，这段代码的作者不想让 Dygraph 代码本身很容易从页面中移除（除非您在创建 fiddle 之前自己混淆了代码）。

也就是说，从您的 fiddle 中取出页面并围绕它构建一个新的 HTML 页面相对容易。您唯一需要保留的是 Javascript 代码和呈现图形的 <div id="htmlwidget_container">。

Answer 2

因为 dygraph 是一个独立的页面，所以最简单的方法是使用 iframe：只需将其 src 属性设置为指向已保存的 HTML来自 RStudio。这是一个嵌入您在 fiddle:

中制作的 dygraph 的

<h1>Here's a nice dygraph.</h1>
<iframe src="https://jsfiddle.net/f1fLLjbk/embedded/result/" width="100%" height="300px" style="border: 0px;"/>

<h1>Here's some more content</h1>

试一试：https://jsfiddle.net/cvekdbLh/

如何在 HTML 中嵌入从 R 导出的功能性书写图

How to embed a functional dygraph exported from R in HTML

html

javascript

r

rstudio

dygraphs