问题标签 [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 投票
1 回答
1339 浏览

javascript - 仅当用光标悬停在边缘标签上时才显示边缘标签 - VisNetwork Igraph

回顾我之前的一篇文章,其中包含完整的可重现代码:来自 IGraph 的 VisNetwork - Can't Implement Cluster Colors to Vertices

我的目标是更改visNetwork包图中的一些可视化选项。当前放大时标签太多,很难区分哪个节点属于哪个标签。是否可以从visNetwork图表中删除标签,并且只在我将鼠标悬停在节点上时显示标签?

我试过设置idToLabel = FALSE,但是当我包含标签时,标签又回来了selectedBy = "group"

我觉得我几乎完成了我想用这个项目做的事情,但这只是最后一步,当用光标悬停在节点上时只显示节点似乎是问题所在。

任何帮助都会很棒,谢谢!

0 投票
1 回答
680 浏览

javascript - 向 VisNetwork Igraph 添加颜色和悬停选项

我一直有这个问题。我只能在一个图表中获得一个或另一个但不能同时获得两个选项。下面是代码,我从@lukeA 那里得到了很多帮助,让我明白了这一点。

我有以下图表,我可以在其中将群集颜色放入visNetwork Igraph

在此处输入图像描述

然后我想在不显示标签的地方执行此操作。仅当您将鼠标悬停在节点上时。因此,当我尝试从下面的@lukeA 应用悬停选项时,颜色没有显示:

在此处输入图像描述

我不知道如何制作视频,但您可以将鼠标悬停在每个节点上,它将提供标签名称。

如何将群集颜色添加到悬停选项图中?

谢谢!

0 投票
1 回答
418 浏览

javascript - 在 VisNetwork 中的 nodesIdSelection 框中扩展维度,以便标签适合而不被截断

我创建了一个效果很好的 VisNetwork 图。我遇到的问题之一是nodesIdSelection = TRUE. 节点 ID 相当长,并且由于下拉框的默认长度而被截断。这是它的样子:

在此处输入图像描述

我该如何扩展盒子的大小,使其包含所有内容而不将其切断?

完整的可重现代码如下:

然后我创建了一个自定义 VisOption(我认为需要针对这项工作进行修改):

葡萄网络图

0 投票
0 回答
506 浏览

r - 使用选项卡将 VisNetwork 添加到 RMarkdown(不显示可视化)

我想创建一个 RMarkdown html 文档。当我创建一个带有顶部选项卡的 rmarkdown 文档但可视化未出现在第二个选项卡中时。虽然当我没有标签时,可视化很好。如何在第二个选项卡中包含可视化?

可重现的代码如下:

在此处输入图像描述

当我删除{.tabset}## Demand Team Analytics 旁边的文本时,它可以工作,但没有选项卡。

这是没有标签的样子:

在此处输入图像描述

任何帮助都会很棒,谢谢!

0 投票
1 回答
1719 浏览

r - 如何在网格中排列 html 小部件图以导出为 pdf?

我想将丰富的 html 小部件(主要是 plotly 和 networkD3)与将它们排列为 R 网格中的图的可能性结合起来,以将它们导出为 pdf 图形以用于出版物。但是,如果我在 R 中创建一些 html 小部件对象并尝试使用gridExtra::grid.arrange()排列它们(请参见下面的最小示例),我会收到以下错误:

我搜索了“将 html 小部件转换为 grobs 或绘图”以便能够将它们排列在网格中,但找不到任何相关信息。我可以采用长期手动方式,首先使用 htmlwidgets::saveWidget() 将 html 小部件保存为网站,然后使用webshot ::webshot()将其转换为 pdf 并使用矢量图形编辑器手动排列图形(例如墨景)。但是,尽管需要手动操作,但所有转换步骤都可能导致质量下降。

也许我可以以某种方式将 LaTeX R-Markdown 文档中的图形与表格或列一起排列,并指定纸张尺寸以适合我的情节。但不知何故,这感觉不是一个理想的解决方案,因为我可能想在几列和几行中动态排列我的图表,添加标题等,这会使 LaTeX/knitr 中的排列变得相当复杂。

因此,在我开始手动将所有内容编织在一起之前,我想问一下您是否知道一种更好的方法来安排一些 html 小部件图并将它们导出为 R 中的 pdf?


最小的例子

这是一个重现我的问题的最小示例。假设我的目标是一个图表,将两个不同过程的能量流相互比较(带有 networkD3 的桑基图),通过将它们排列在一个网格中,如下所示: 示例性排列的桑基图

这将是我的代码:

这会导致开头提到的错误消息。


Windows 7、R-Studio 0.99.903、R 版本 3.2.3、网格 3.2.3、gridExtra 2.2.1、networkD3 0.2.13

0 投票
2 回答
1339 浏览

r - 在R中使用传单并排插件

我尝试使用来自Using任意 Leaflet JS plugins with Leaflet for R 的示例代码来实现 Leaflet-side-by-side 插件。看起来很简单,到目前为止还没有成功。我无法弄清楚我做错了什么。非常感谢您的回复。谢谢,

0 投票
1 回答
5355 浏览

r - R格式化表上的相等列宽

我正在使用 formattable 包直接从 R 制作一些报告,并且我需要使用 normalize_bar“样式”的列具有相同的宽度,以便可以比较列之间的值。

以下示例显示了具有非常相似的值(最小值和最大值相等)但宽度不同的两列,丢失了条形的图形细节(“Test.number.1.score”和“test2_score”)。

提前致谢。

0 投票
0 回答
79 浏览

r - 在 scatterD3 中保持固定轴图表的中心焦点,我可以编辑轴值标签吗?

scatterD3 library在 R 中使用(我觉得非常赏心悦目)来创建散点图。

我想保持axes固定,但是当我这样做时,我points不再处于中心位置。这是一个我可以忍受的小问题,但是,如果axes可以编辑值标签,我可以轻松解决问题。

我的javascript知识htmlwidgets有限,因此我的问题是:有没有办法编辑轴值标签?

编辑 2016-11-24

当前的开发版本在修复xlimylim(第三个示例)时可以正常工作。我包括一段基本的r代码,使散点图居中(将圆圈更改为椭圆,因此问题更加明显)。另外,我按照 Juba 的建议在 github 中打开了一个问题。

编辑 2016-12-01

这个问题在 Linux 和 Windows 下的当前开发版本中得到了很好的解决(我很确定它适用于 Mac,但我还没有测试过)。我不知道我是否应该按照此处的建议标记关闭,或者按照此处的建议删除问题

0 投票
1 回答
1870 浏览

javascript - forceNetwork 不是零索引的

我正在尝试创建一个简单的forceNetwork,但情节不会呈现。我不断收到以下警告:

Warning message: It looks like Source/Target is not zero-indexed. This is required in JavaScript and so your plot may not render.

我该如何解决?请注意,它simpleNetwork工作正常,所以问题似乎在于我如何指定我的数据。

0 投票
2 回答
2620 浏览

html - 使用 R 和 plot.ly,如何将多个 htmlwidgets 保存到我的 html?

我开始在 R 中使用 plot.ly,我对使用 htmlwidgets 直接在 html 中发布我的图表的可能性感到惊讶。到目前为止,我无法在同一个 html 中保存多个小部件。我在独立的 html 中保存了多个小部件,而不是在 html 代码中手动组合它,但我希望能够在 R 中完成。

一个简单的例子:

如何解析多个 ggplotly 对象以保存小部件?

(这是我在stackoverflow中的第一个问题,希望我做对了!问候!)