R/Shiny 中的 Plain Dygraphs JavaScript 选项

2024-03-24

有没有办法在 R 中使用普通 Dygraphs JavaScript 选项(更具体地说是 Shiny)?
http://dygraphs.com/options.html http://dygraphs.com/options.html

我觉得JS()htmlwidgets 包中的函数可以使用,但我不确定。

例如,我想使用highlightSeriesOpts(参见第一个链接)突出显示 dygraphs 图中的各个系列,以便仅在图例中显示选定的系列(默认情况下不会同时显示所有系列)。以下链接中的下面 2 个图准确地显示了要实现的目标:
http://dygraphs.com/gallery/#g/highlighted-series http://dygraphs.com/gallery/#g/highlighted-series

CSS 解决方案已经给出(即.dygraph-legend {display: none;} and .dygraph-legend .highlight {display: inline;}),但这在 R/Shiny 中不起作用。

无论如何,这是我的概念脚本。它不起作用,但非常感谢所有建议。

ui <- fluidPage(

  sidebarLayout(
    sidebarPanel(),
    mainPanel(dygraphOutput("plot"))

  )

)

server <- function(input, output) {

  set.seed(123)
  data <- matrix(rnorm(12), ncol = 2)
  data <- ts(data)

  # Workaround for what might be a bug
  # Reference: http://stackoverflow.com/questions/28305610/use-dygraph-for-r-to-plot-xts-time-series-by-year-only
  data <- cbind(as.xts(data[,1]), as.xts(data[,2]))

  colnames(data) <- c("Series 1", "Series 2")
  #print(data) # Uncomment to view data frame

  # The logic of the following is that plain Dygraphs JavaScript
  # code can be used as plotting material
  output$plot <- JS("
                     new Dygraph(plot,
                                 data,
                                 { highlightSeriesOpts: {strokeWidth: 3} });

                     g.updateOptions({ highlightSeriesOpts: {strokeWidth: 3} });

                    ")

}

shinyApp(ui = ui, server = server)

The highlightSeriesOpts使突出显示的系列笔划变得更粗并且不影响图例。您仍然需要适当的CSS仅显示图例中最接近的系列。要设置highlightSeriesOpts正如你所建议的,有一个明显的例子http://rstudio.github.io/dygraphs/gallery-series-highlighting.html http://rstudio.github.io/dygraphs/gallery-series-highlighting.html.

lungDeaths <- cbind(ldeaths, mdeaths, fdeaths)

dygraph(lungDeaths, main = "Deaths from Lung Disease (UK)") %>%
  dyHighlight(highlightSeriesOpts = list(strokeWidth = 3))

为了在 Shiny 中获得更完整的答案,我们可以这样做。

library(shiny)
library(dygraphs)

lungDeaths <- cbind(ldeaths, mdeaths, fdeaths)

ui <- dygraph(lungDeaths, main = "Deaths from Lung Disease (UK)") %>%
  dyHighlight(highlightSeriesOpts = list(strokeWidth = 3)) %>%
  dyCSS(textConnection("
     .dygraph-legend > span { display: none; }
     .dygraph-legend > span.highlight { display: inline; }
  "))

server <- function(input,output,session){

}

shinyApp(ui,server)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

R/Shiny 中的 Plain Dygraphs JavaScript 选项 的相关文章

  • HTML 和 标签有什么区别?

    HEAD 标签和 BODY 标签有什么区别 大多数 HTML 书籍仅 简短 提及 and 标签 但它们消失得很快 它们会影响浏览器呈现网页的方式吗 另外 它们会影响 javascript 的运行顺序吗 我的意思是 如果我里面有一个javas
  • 返回上一页

    我正在使用表格来 评价 页面 此表单将数据 发布 到其他地方的 php 脚本 我只是想在处理表单后显示一个链接 这将使用户返回到上一页 我可以在 php 脚本中使用 javascript 来执行此操作吗 GF 您可以使用链接来调用histo
  • 如何在 mongodb 聚合管道中使用 Javascript 对象?

    我有一个 JS 对象norm我想在 mongo 聚合管道中使用它 如下所示 var norm 1 1 2 1 16 3 1 413 4 1 622 5 1 6 6 1 753 7 3 001 8 2 818 9 3 291 10 2 824
  • 在 R 中使用逻辑 grep 抓取文本

    下午好 谢谢你帮我解答这个问题 我有兴趣抓取一组超过 5000 个 URL 的列表 我使用 lapply 和 readLines 使用下面的示例代码提取这些网页的文本 multipleURL lt c http dailymed nlm n
  • Pjax动画

    我终于让 pjax 工作了 但我还有另一个问题 如何添加一些 jquery 动画 如淡出 幻灯片旧内容和淡入 幻灯片新内容 默认情况下 pjax 只是更改内容 没有任何好看的效果 任何帮助将非常感激 此致 基本上 你有一堆事件 https
  • 如何在 JavaScript 中将变量的内容写入文件[重复]

    这个问题在这里已经有答案了 可能的重复 firefox 如何启用本地 JavaScript 来读取 写入我的 PC 上的文件 https stackoverflow com questions 2846045 firefox how to
  • 冒泡可用于图像加载事件吗?

    我可以用吗 window addEventListner 某种程度上来说 我所有的图像都有一个display none 图像加载后 我想设置display inline 这样我就可以规范下载图像时显示的内容 在这种情况下 我无法预加载图像
  • 如何按 Angular 表中的属性(该属性具有单个 rownspan)进行分组?

    我没有找到这个问题的合适标题 我的问题是 例如 我有一个包含两列的表 列汽车品牌和列汽车型号 我希望表是 like in this picture 换句话说 品牌名称只会出现 1 次 我的输入数组采用以下 json 格式 brand Aud
  • D3 向对象添加超链接?

    我正在尝试制作 D3 图 它将代表我网站的菜单 我尝试按照此处的其他指南添加超链接 但它们都不起作用 每个对象都会有一个不同的 URL 指向 主页 关于 联系方式等 如果添加超链接 我可以拖动对象吗 这意味着如果我按住单击 如果我单击该对象
  • 如何使用 GreaseMonkey 让浏览器恢复“/”键?

    Lots of web pages seem to use the key for searching I d like to disable that because 100 of the time I want to use to se
  • AngularStrap 工具提示禁用我的自定义指令

    我正在尝试让 bs tooltip AngularStrap 指令与我自己的名为 checkStrength 的自定义指令一起使用 该指令检查密码的强度 单独使用这些指令中的任何一个时 它们都可以正常工作 但不能一起工作 This http
  • R Leaflet Legend:colorBin-删除中断之间的小数

    我正在使用 Leaflet 库在 R 中创建交互式 HTML 地图 传说中采用的是colorBin用于创建将数据分为 6 个类别的方法 使用min values and max values 我已经定义了美国社区调查收入数据的特定范围可能落
  • 在javascript中创建图像的缩略图方块(不丢失纵横比)

    我正在制作一个客户端拖放文件上传脚本作为书签 在上传之前 我使用 File API 将图像读取为 base64 格式并将其显示为缩略图 This is how my thumbnails look like I want them to l
  • 如果条目出现次数少于 x 则删除数据框中的行

    我有以下数据框 称之为 df 它是由三个向量组成的数据框 姓名 年龄 和 邮政编码 df Name Age ZipCode 1 Joe 16 60559 2 Jim 20 60637 3 Bob 64 94127 4 Joe 23 9412
  • 如何从除自身之外的其他(blazor)库引用js/css文件?

    我如何引用 使用位于引用的 blazor 项目中的 css cs 文件 该文件与 host cshtml 中的当前项目不同 我的意思是
  • 在 React Web 应用程序中使用 createjs-soundjs

    我想用https www npmjs com package createjs soundjs https www npmjs com package createjs soundjs在 React Web 应用程序上播放声音 我正常安装了
  • Vue-Router 抽象父路由

    我正在尝试将当前网站迁移到 vuejs 站点地图必须是 login signup password reset browse search dozens of other routes 由于其中一些路线共享大量 fx 因此我将它们设为父路线
  • 如何为 jQuery 插件设置私有变量?

    我想创建一个简单的插件 它使用元素的文本作为默认值 或者您可以在调用插件时设置此值 但是 如果我不设置该值 并为多个元素调用插件 则默认值会成倍增加 function fn reText function options var setti
  • 使圆圈与 d3.js 上的多线匹配相同的颜色过滤?

    我有一个多线图 当按每种水果过滤时会更新 每条线条颜色对应不同的销售年份 在 的帮助下Shashank https stackoverflow com users 5569282 shashank 每个数据点线上的圆圈已添加到组中 而不是直
  • 如何通过点击复制 folium 地图上的标记位置?

    I am able to print the location of a given marker on the map using folium plugins MousePosition class GeoMap def update

随机推荐

  • Python Shutil Copyfile - 缺少最后几行

    我经常丢失尝试使用shutil copyfile复制的文件的最后几kb 我做了一些研究 确实看到有人在这里询问类似的问题 python Shutil复制函数缺少最后几行 https stackoverflow com questions 1
  • 如何在 vim 下突出显示 doxygen 中的 markdown?

    较新版本的 doxygen 附带了 Markdown 支持 有没有一种简单的方法可以将 Markdown 语法突出显示添加到 vim 中的 doxygen 注释块 顺便说一句 可以将 doxygen 语法添加到c文件通过使用set file
  • 在 C++ 代码中释放 Python GIL

    我有一个用 C 编写的库 我使用 SWIG 对其进行包装并在 python 中使用 一般来说 只有一个类 方法很少 问题是调用这些方法可能很耗时 它们可能会挂起我的应用程序 调用这些方法时不会释放 GIL 所以我的问题是 为这些方法调用释放
  • 如何用plotly在卫星地图上绘制箭头

    我正在尝试用绘图在卫星视图地图上可视化风向和强度 使用 Python 工作 但我想这个问题不是特定于平台的 下面是以前用Matlab制作的风图的截图 这可以通过情节实现吗 我尝试查看注释 但无法让它们在地图上工作 我尝试了如下所示的操作 但
  • cocos2d 屏幕上没有添加排行榜

    我使用下面的代码来显示排行榜 但我得到的只是控制台 cocos2d surface size 480x320 代码 void showLeaderboardForCategory NSString category Only execute
  • 如何以闭包作为参数调用闭包

    我有一个实现该特征的结构A它具有以下功能fn consume 我想传递一个回调给这个结构 由fn consume 像这样的事情 pub type OnVirtualTunWrite Arc
  • 使用 Javascript v3 API 添加多个点到 Google 地图

    我已经被这个问题困扰了好几天了 我在使用 Javascript API v3 向地图添加多个点时遇到问题 I read 这个线程 https stackoverflow com questions 3514152 adding points
  • 在 dart 中使用 fromJson 进行扩展

    我在 dart 中有一个 Identity 类 它看起来 简化 像这样 class Identity final String phoneNumber Identity required this phoneNumber Identity
  • 在 Pandas 中使用多处理读取 csv 文件的最简单方法

    这是我的问题 带有一堆 csv 文件 或其他文件 Pandas 是读取它们并将其保存到的简单方法Dataframe格式 但是当文件量很大时 我想用多处理来读取文件以节省一些时间 我的早期尝试 我手动将文件分成不同的路径 单独使用 os ch
  • 用 Plotly 绘制不同的组

    我有一个 python 数据框 看起来有点像这样 Device Date Reading Device1 1 02 17 100 33 Device1 2 02 17 300 23 Device1 3 02 17 99 00 Device2
  • 带有对象列表的 Python min 函数

    怎样才能使用key论证min比较对象列表 1 属性的函数 Example class SpecialNumber def init self i self number i li SpecialNumber 1 SpecialNumber
  • 使用原始查询、使用实体框架和 MVC 返回计数

    我在 MVC 网站中使用实体框架 我正在尝试使用原始查询获取记录数 我正在寻找类似的东西 但任何人都会对任何解决方案感到满意 var sql SELECT COUNT FROM dbo Articles WHERE CategoryID 3
  • gdb:显示源代码和asm中的相应行

    在 TUI 模式下运行 gdb 并显示源代码和汇编时 是否有一个选项可以突出显示映射到选定源代码行的指令集 您可以使用 GDB Dashboard 部分完成此操作 https github com cyrus and gdb dashboa
  • C# NetworkStream - 在读取时区分关闭套接字和 0 字节数组

    已解决 该问题基于错误的假设 在使用 TCP 时 我遇到了 NetworkStream Read 在两种不同情况下返回值 0 的问题 我很难区分 一些背景知识 我有一个有效的客户端 服务器解决方案 使用长度前缀消息通过 TCP 进行通信 然
  • 使用 Create React App 和 TypeScript 进行 Jest 测试时出现isolatedModules错误?

    我已经使用 typescript 启动了一个 Create React App 项目 当我编写测试时 我收到编译器错误 something test tsx test something gt expect 1 toBe 1 错误是 TS1
  • select2 插件不在 jquery 模式对话框内时工作正常

    我在 jquery 对话框中使用 select2 插件 但不起作用 当下拉时 焦点移动到输入控件 但立即离开它 不允许我输入任何内容 这是 HTML div title Asignar servicios a usuarios div
  • C# tableLayoutPanel 滚动除顶行之外的所有内容

    我正在使用 winforms 和 C 并查看 TableLayoutPanel 是否可以在大桌子上有滚动条 但不能让顶行滚动 这与 Excel 中 冻结窗格 选项的工作方式类似 我只想冻结顶行而不是其他任何东西 另外 我的桌子足够大 我还有
  • AWS lambda:pty 设备不足

    我尝试在 AWS lambda 中使用 pexpect 库 但收到以下错误 ERROR OSError out of pty devices 事实证明 任何包含 pty spawn 的代码都会在 lambda 中失败 下面是失败的 lamb
  • Android Paging 3 - 从 PagingData 对象获取数据列表

    我正在使用新的 jetpack Paging 3 库 我有一个特定的用例 我想使用视图模型在两个屏幕之间共享这些数据 一个屏幕需要分页数据 对于第二个屏幕 我想要此数据的简单列表 不是分页列表 我需要使用该列表 我不想在 PagingDat
  • R/Shiny 中的 Plain Dygraphs JavaScript 选项

    有没有办法在 R 中使用普通 Dygraphs JavaScript 选项 更具体地说是 Shiny http dygraphs com options html http dygraphs com options html 我觉得JS h