问题标签 [ggiraph]

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 回答
33 浏览

r - 使用 ggiraph 悬停在 RShiny 图上时显示 x 值

使用 ggiraph 在将鼠标悬停在 geom_line 或 geom_point 等绘图元素上时显示自定义工具提示很简单,但是有没有办法让工具提示始终保持不变?如果我可以像附图中那样在图表下方显示此工具提示,那就更好了。蓝线将跟随鼠标并在下面的工具提示中显示 x 坐标。在此处输入图像描述

0 投票
1 回答
38 浏览

r - 在水平图例顶部定位图例标题会导致 ggiraph 中的交互性丢失

当我使用guides() 规范自定义图例外观时,我发现情节中图例的交互性丢失了。

以下代码从 ggiraph 文档中的示例修改。

没有guides(fill=guide_legend(title.position = "top"))线,图例将保留其交互性。

非常感谢任何帮助!

0 投票
0 回答
32 浏览

html - R ggiraph range slider

I'm using the awesome package ggiraph to include interactive graphs in my HTML markdown document.

Is there a way to add a range slider? For instance, if plotting a long time series, I would like to be able to look at the whole series ; then only the recent period => similar to plotly's range slider.

There's a zoom function in ggiraph, but with long times series simply zooming in doesn't really help to better distinguish the evolution of a few close points.

Thanks!

0 投票
1 回答
72 浏览

ggplot2 - Ggiraph 图表在 Shiny 上调整太多

我试图弄清楚如何在 Shiny 应用程序上更好地可视化 ggiraph 图表。问题是:这些图表在桌面和移动设备上看起来很棒,但在移动设备上它们在下方留下了太多空间。

在桌面上

这是我在手机上看到的:

垂直混乱

这是应用程序的布局:

0 投票
1 回答
57 浏览

javascript - R ggiraph 动态设置没有闪亮的工具提示文本

内容:在页面加载时将rmarkdown中的 ggiraph 工具提示内容动态设置为 html。

为什么:使用嵌入式 png 的工具提示可以制作成图形,这对于文本不足的某些生物结构很有价值。这是我目前正在做的一个最小示例:

这样做的缺点是,对于使用工具提示图形的每个绘图,都会重复编码图像,从而导致文件太大而无法存储许多文件。

如何:为了减轻文件大小随着工具提示使用的增加而增加的问题,我希望将嵌入的图像文本分配到 json 对象中,然后使用 javascript 将所有工具提示动态更新为嵌入图像。

我已经完成的事情:我可以通过简单地包含脚本标签并在这些标签中输出 json 文本来获取存储在 json 中的嵌入图像。为了测试这里的硬编码示例,带有一个简单的替换文本:

我不能做的是替换工具提示的文本。本质上,我计划将工具提示设置为某种类型的 ID,并使用它来将嵌入的图像与相应的点相匹配。工具提示文本由 ggiraph 存储在 json 中,如下所示:

在这个 json 中,所有 html 组件(<、、> 等)都被“转义”了,我相信这个“​​htmlwidget”数据被传递给了嵌入在 html 页面中的 mini-html 页面,即“htmlwidget”。

我尝试将我的临时工具提示包装在 <div> 标记中,但由于它们被绑定在 JSON 中,因此在 DOM 中看不到它们。

如果任何脚本标签中的 ID 存在,我已经尝试过天真地替换所有实例:

然而,当这个脚本运行时,json 中似乎不再有工具提示文本(尽管它在 html 源代码中)。

这是我目前卡住的地方。如果我取得更多进展,我会更新或回答这个问题。

我也很清楚这对于 Shiny 来说是微不足道的,不幸的是,这不是一个选项,因为 html 页面需要完全独立,因为我正在构建的真正 rmarkdown 是一个独立的报告。

最后,这是一个完整的、可重复的示例。最终的针织项目应导致工具提示为“ReplaceText”(通过删除 \ 来修复 R 代码块):

0 投票
0 回答
15 浏览

r - 将鼠标悬停在 facet_grid ggiraph 中的多个信息上

我尝试同时用鼠标悬停显示每年的多个信息。

像这样: 在此处输入图像描述

有任何想法吗?

数据

编码:

0 投票
0 回答
12 浏览

r - 将图例与 ggiraph 中的数据点链接

我正在尝试创建一个 ggiraph 图,我想将其包含在 rmarkdown 文档中,其中悬停图例也会突出显示图中的相应点。

我试过下面的代码,但是虽然我可以悬停图中的点和图例,但它们没有链接。有没有办法链接这些?

0 投票
0 回答
19 浏览

r - 在 Shiny 应用程序中,geom_text 对象的 hjust 参数未按预期工作

我正在尝试创建一个交互式凹凸图来展示英超联赛球队在整个赛季中在桌子上上下的运动,以获得一个闪亮的应用程序。在情节中,我使用 geom_text 标记了每个团队的开始和结束位置,但是当尝试将起始位置标签文本与 hjust = 1 右对齐时,我得到一个古怪的结果,而 hjust = 0 适用于 left-对齐。

hjust = 1(右对齐)代码 + 奇数结果

(hjust = 1) - 意外结果

hjust = 0(左对齐)代码

(hjust = 0)

此问题仅在本地和 shinyapps.io 上运行闪亮的应用程序时出现,因为代码在 rstudio 中创建绘图时按预期工作。任何有关如何解决此问题的建议,或有关 ggplot 对象如何在闪亮中以不同方式工作的知识将不胜感激。