![](/img/trans.png)
[英]Attach javascript listener when using `renderUI` in Shiny app
[英]Error in plotly graph download from a shiny app when using javascript
我下面有一个闪亮的应用程序,它可以显示图表或表格。 我对表格不感兴趣,我的问题专门针对绘图部分。 使用此javascript解决方案在浏览器中打开应用程序时,我正在尝试下载剧情。 我不熟悉javascript,我想知道如何防止它在我第一次按下“下载”按钮并仅下载根本没有下载的地块时下载此空文件。
library(shiny)
library(plotly)
d <- data.frame(X1 = rnorm(50,mean=50,sd=10),
X2 = rnorm(50,mean=5,sd=1.5),
Y = rnorm(50,mean=200,sd=25))
ui <-fluidPage(
title = 'Download Plotly',
sidebarLayout(
sidebarPanel(
selectInput("S","SELECT",choices = c("Table","Plot"),selected = "Plot"),
uiOutput('down'),
tags$script('
document.getElementById("down").onclick = function() {
var gd = document.getElementById("regPlot");
Plotly.Snapshot.toImage(gd, {format: "png"}).once("success", function(url) {
var a = window.document.createElement("a");
a.href = url;
a.type = "image/png";
a.download = "plot.png";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
});
}
')
),
mainPanel(
uiOutput('regPlot')
)
)
)
server <- function(input, output, session) {
output$down<-renderUI({
if(input$S=="Table"){
output$downloadData <- downloadHandler(
filename = function() {
paste(input$filename, input$extension, sep = ".")
},
# This function writes data to a file given to it by the argument 'file'.
content = function(file) {
sep <- "txt"=","
# Write to a file specified by the 'file' argument
write.table(data.frame(mtcars), file, sep = sep,
row.names = FALSE)
}
)
downloadButton("downloadData", "Download",class = "butt1")
}
else{
output$downloadData <- downloadHandler(
filename = function(){
paste(paste("test",Sys.Date(),sep=""), ".png",sep="")},
content = function(file) {
temp_dir <- tempdir()
tempImage <- file.path(temp_dir, 'out.png')
file.copy('out.png', tempImage, overwrite = TRUE)
png(file, width = 1200, height = 800, units = "px", pointsize = 12, bg = "white", res = NA)
dev.off()
})
downloadButton("downloadData", "Download",class = "butt1")
}
})
output$regPlot<-renderUI({
if(input$S=="Plot"){
output$pl<-renderPlotly(
plot_ly(d, x = d$X1, y = d$X2, mode = "markers"))
plotlyOutput("pl")
}
else{
output$tbl = DT::renderDataTable(datatable(
d
))
dataTableOutput("tbl")
}
})
}
shinyApp(ui = ui, server = server)
这是下载绘图的代码。 代码很少有问题,
在ui.R中定义下载按钮。 并参考javascript代码中的下载按钮id
。 另外, regplot
是uiOutput
元素,而不是实际图。 在javascript代码中,绘图由pl
引用。
这是修复了问题的示例代码。 如果您使用的是JavaScript代码,则不需要闪亮的下载处理程序。 如下所示,您可以在其中简单地从操作按钮下载。
您可以以此为基础来下载数据表,方法是将actionButton替换为downloadButton并在服务器上添加相应的代码。
library(shiny)
library(plotly)
library(DT)
ui <-fluidPage(
title = 'Download Plotly',
sidebarLayout(
sidebarPanel(
selectInput("S","SELECT",choices = c("Table","Plot"),selected = "Plot"),
actionButton("downloadData", "Download",class = "butt1"),
tags$script('
document.getElementById("downloadData").onclick = function() {
var gd = document.getElementById("pl");
Plotly.Snapshot.toImage(gd, {format: "png"}).once("success", function(url) {
var a = window.document.createElement("a");
a.href = url;
a.type = "image/png";
a.download = "plot.png";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
});
}
')
),
mainPanel(
uiOutput('regPlot')
)
)
)
server <- function(input, output, session) {
d <- data.frame(X1 = rnorm(50,mean=50,sd=10),
X2 = rnorm(50,mean=5,sd=1.5),
Y = rnorm(50,mean=200,sd=25))
output$regPlot<-renderUI({
if(input$S=="Plot"){
output$pl<-renderPlotly(
plot_ly(d, x = d$X1, y = d$X2, mode = "markers"))
plotlyOutput("pl")
}
else{
output$tbl = DT::renderDataTable(datatable(
d
))
dataTableOutput("tbl")
}
})
}
shinyApp(ui = ui, server = server)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.