问题标签 [htmlwidgets]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
261 浏览

r - 在 R 演示文稿中使用 timevis

我正在尝试timevis在 R 演示文稿 (.Rpres) 中包含由创建的 HTML 小部件。

我在用着:

创建小部件。代码运行并且小部件出现在绘图区域中,并且还成功地集成到针织Rmd文档的 HTML 输出中。

但是,在 Rpres 中,幻灯片返回错误: Error in file(con, "rb") : cannot open the connection.

它在 ioslides 中不起作用,但在 slidy 中起作用。

如何在 Rpres 中嵌入这个(和其他 html 小部件)?

提前致谢!

0 投票
1 回答
598 浏览

r - ggplotly 创建的对象在放大时不会动态调整网格线

我试图理解为什么在 html 小部件上使用 plotly 的缩放功能时,使用该函数plotly从对象转换的对象不会动态重新缩放网格。ggplot2ggplotly

我想找到一个解决方案,而无需将所有绘图重新编码为本机plotly对象。

我是否遗漏了一些东西,或者可能是这个功能在包中尚不支持plotly

这是一些说明问题的示例代码(在执行之前,您需要将your.path变量设置为您希望保存 htmlwidget 的目录):

在此 html 小部件上,当您放大时,网格比例保持静态(例如,即使您放大,您也只能看到 100、200、300 上的 x 网格线。没有可见的新网格线,例如 25 , 50, 75 等)

使用此示例代码直接在 plotly 中创建绘图时将此与小部件进行比较:

在这里,当您放大绘图区域时,可以看到一个新的动态网格。

编辑:可能是由于htmlwidgets包装而不是plotlyor引起的观察ggplot2。但是话又说回来,为什么在使用 htmlwidgets 时原生绘图图形会正确呈现,而 ggplot 转换的图形却不能......?

0 投票
0 回答
102 浏览

r - 在不重新创建小部件的情况下更改 htmlwidgets 的 sizingPolicy

我正在使用 highcharter 在 r 中创建一组小部件,并且需要更改 viewer.padding 和 browser.padding 而无需手动调整每个保存的小部件。有没有办法在不重新创建整个 highchart 小部件的情况下实现这一点?

0 投票
1 回答
2746 浏览

r - 如何使用networkD3在R中绘制有向图?

当我用 NetworkD3 绘制有向图时,边缘不是有向的,我该如何解决?一个例子 :

我希望结果是有向的这是有向图的定义:

“有向图是图,即连接在一起的一组对象(称为顶点或节点),其中所有边都从一个顶点指向另一个顶点。有向图有时称为有向图或有向网络。”

我希望边缘像箭头,我怎么能在 networkD3 中做到这一点,我希望它很清楚。

谢谢。

0 投票
2 回答
1658 浏览

javascript - 将 onclick 打开超链接事件添加到在 R 中创建的 html 小部件

我希望能够做类似这个答案但不使用闪亮的事情。我还想绑定打开与数据点关联的超链接的 onclick 事件。

我正在使用该saveWidget函数,htmlwidgets并且知道我可以使用包中的appendContent函数插入 javascript 代码htmltools

这是一个小示例代码:

现在显然我正在寻求正确的java脚本代码的帮助以保存在'javascript'变量中,然后我可以将其与appendContent集成到html小部件中。

0 投票
0 回答
571 浏览

jquery - R结合数据表DT包和迷你图包箱线图与目标值

我在 DT 表中使用迷你图,如下所示: https ://leonawicz.github.io/HtmlWidgetExamples/ex_dt_sparkline.html

归结为虚拟示例如下

我想在箱线图中使用目标值函数 http://omnipotent.net/jquery.sparkline/#boxplot

由于迷你图调用是在列级别定义的,我不能将单个目标级别作为参数传递。

所以我需要一个用于迷你图调用的包装函数,它将 boxWithTarget 列中定义的 6 个值(最后一个值是目标值)作为参数,并调用迷你图函数。在虚拟代码中:

据我(有限)理解,这个包装函数需要在 java 级别上定义。因为我不知道如何实现这一点,任何帮助将不胜感激。非常感谢!

0 投票
2 回答
801 浏览

javascript - 排查 htmlWidgets 的 onRender() 函数中的 Javascript 代码

我正在尝试在 RStudio的( https://plot.ly/javascript/click-events/ )上重新创建名为“在单击事件上创建注释”的示例。在我的尝试中,我想出了以下在 RStudio 中使用的定制代码:

在 RStudio 中运行我的代码后,我确实在绘图查看器中看到了交互式绘图图像,但是我无法创建与它交互时应该出现的任何注释(如在线教程中)。

我的问题是两部分。

1)我试图弄清楚如何解决和解决这个特定问题。

2) 我试图更好地理解如何对嵌入在 htmlwidgets 的 onRender() 函数中的 Javascript 代码进行故障排除。是否可以逐行运行此代码并说创建变量“pts”并查看它在通过循环时如何更新,并查看当我单击某些点时注释变量如何变化?如果无法通过这种方式进行故障排除,我担心为我正在开发的交互式绘图定制 onRender() 会很困难。我相信可以在 Web 浏览器中对 Javascript 进行故障排除,但我不清楚如何使用这个特定的 Javascript 代码(嵌入在 R 中)来解决问题。

感谢您的任何建议!

编辑:

考虑到@bethanyP 的一些建议,我尝试了以下方法:

1) 制作了以下格式的 .Rmd 文件:

2) Ran rmarkdown::render("annotate.Rmd") 制作 .html 文件

3) 在 Chrome 中打开 URL (file:///Users/user1835/annotate.html)

4)注意到交互图已经在网页底部创建。我可以与之交互(如果我单击一个点,所有点都会从黑色变为灰色)

5) 点击 Chrome 右上角的图标 --> 更多工具 --> 开发者工具

在这一点上,我不确定如何使用可用的工具来解决问题。我的 Chrome 浏览器中有如下内容(见图):

浏览器

当我点击图表中的一个点时,我看到标签突出显示。但是,我无法看到有关单个对象(例如 e)的更多信息。我不确定我怎么会知道对象 e 有一个称为点的子对象。此外,我不确定当用户单击某个点时如何查看哪些对象更新(以及更新方式)。我有可能看到这样的事情吗?我相信我需要了解对象并了解它们在交互时如何变化。

任何意见是极大的赞赏!

0 投票
1 回答
1694 浏览

r - Shiny selectizeInput:单击时删除初始选定值

我想从用户单击小部件时删除初始值 ( selected=) 。selectizeInput

这是一个示例代码:

只是基于示例代码的一些解释:

中的初始选定值selectizeInput "cyl"4。当用户按下此小部件时,我希望删除该值4 并清除selected选项。有任何想法吗?

*我使用了这个功能updateSelectizeInputserver因为在我的shiny app选择中选择很大导致加载时间过长

0 投票
1 回答
304 浏览

r - 在R中的htmlTable中对齐脚注

我正在尝试使用htmlTablepackage in创建一个表格R,但我发现很难将脚注与表格的左下角对齐。

下面是相关代码:

谢谢!

0 投票
1 回答
1902 浏览

r - Rmarkdown 重叠输出

我报告了一个问题https://github.com/rstudio/rmarkdown/issues/967并且想知道是否有解决方法(如何使其工作)?

在此处输入图像描述

下面的可重现示例(改变 n 和 nGroup 以查看效果 - 当 n = 100 和 nGroup=10 时没有重叠):