Javascript 如何在HTML中嵌入从R导出的函数动态图

与此相反，我有一个从R导出的动态图可以工作。该图形是使用rStudio的查看器导出“导出”的，如下图所示。这将创建一个动态图的HTML文件，您可以在此文件中确认工作

我试图将整个动态图嵌入到使用推荐的顶部，但没有成功——实际上什么都没有发生。在另一次尝试中，我将动态图HTML复制并粘贴到宿主HTML中，改进了动态图HTML，但仍然会导致可怕的结果，即该图与所有内容重叠

我似乎找不到在HTML中嵌入r动态图的正式方法，它与闪亮无关或r标记无关，或者涉及输出CSV和re在HTML中嵌入r生成的动态图有官方的方法吗？如果有，是什么？如果没有，我怎么做？

dygraphs are awesome

---

似乎没有你正在寻找的神奇子弹。用于生成动态图的Javascript库设计用于在加载HTML时动态呈现图形。除了截屏和嵌入图像，您还需要在页面中运行AJAX和Javascript引擎来生成图形。如果您查看fiddle中的R-Javascript代码，您会注意到代码已经通过URL编码进行了模糊处理。很明显，这段代码的作者不想让动态图代码本身从页面中被删除（除非在创建小提琴之前您自己混淆了代码）

---

这就是说，从小提琴中取出页面并围绕它构建一个新的HTML页面将相对容易。唯一需要保留的是Javascript代码和图形呈现的

。

因为动态图形是一个独立的页面，最简单的方法是使用

iframe

：只需将其

src

属性设置为指向从RStudio保存的HTML即可。这里有一个将你制作的动态图嵌入到你的小提琴中：

<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>

这是一个很好的动态图。
这里还有一些内容

---

试试看：

我对web开发还不熟悉，但因为下面关于iFrames（）的URL末尾是“fallback”一词，而web上的其他人似乎不喜欢它的使用，所以我希望有一个官方的r方法来实现这一点。不过这里没有抱怨。这会管用的-吃草！事实上，我在这一点上跳了枪——结果发现iFrame以某种方式删除/阻碍了它下面内容的显示。这在你的小提琴和本地测试中都是正确的。我觉得我们缺少了一个神奇的词来让它发挥作用。哈哈-如果我用plot.ly的建议（上面的URL）来代替嵌入iFrame，但是对于这个动态图来说它是有效的。团队合作！开发人员应该意识到：需要一种更好的方式将“直接从r”动态图集成到HTML中。