Css 定位R输入小部件
请运行下面的R脚本,我需要有关将两个SelectInput移到其当前位置上方一点的帮助。当前,selectInput下拉列表不清晰。我试着用填充物,但没有用。附加快照以供参考。请帮忙Css 定位R输入小部件,css,r,shiny,shinydashboard,Css,R,Shiny,Shinydashboard,请运行下面的R脚本,我需要有关将两个SelectInput移到其当前位置上方一点的帮助。当前,selectInput下拉列表不清晰。我试着用填充物,但没有用。附加快照以供参考。请帮忙 ## app.R ## library(shiny) library(shinydashboard) library(plotly) ui <- dashboardPage( dashboardHeader(title = "first Chart"), dashboardSidebar( width = 0
## app.R ##
library(shiny)
library(shinydashboard)
library(plotly)
ui <- dashboardPage(
dashboardHeader(title = "first Chart"),
dashboardSidebar(
width = 0),
dashboardBody(
box(
splitLayout(
cellArgs = list(style = "padding: 2px;padding-top:0px;"),
selectInput("stats1", "", c("Time","Cases"),selected = "Time", width =
"400"),
selectInput("stats2", "", c("Time","Cases"),selected = "Time", width =
"400")),
title = "Sankey Chart", status = "primary",height = "535" ,solidHeader =
T,
plotlyOutput("first_plot"))))
server <- function(input, output)
{
output$first_plot <- renderPlotly({
p <- plot_ly(
x = c("giraffes", "orangutans", "monkeys"),
y = c(20, 14, 23),
name = "SF Zoo",
type = "bar"
)
})
}
shinyApp(ui, server)
##app.R##
图书馆(闪亮)
图书馆(shinydashboard)
图书馆(绘本)
ui这是使用fluidRow
和column
创建ui的另一种方法,我认为这解决了您的问题-下拉菜单现在可以正常工作。希望这有帮助
##app.R##
图书馆(闪亮)
图书馆(shinydashboard)
图书馆(绘本)
ui如果您想保持原来的方式,而不是fluidRow
,只需更改填充,将其添加到底部即可
library(shiny)
library(shinydashboard)
library(plotly)
ui <- dashboardPage(
dashboardHeader(title = "first Chart"),
dashboardSidebar(
width = 0),
dashboardBody(
box(
splitLayout(
cellArgs = list(style = "padding: 0px 0px 70px 0px;"),
selectInput("stats1", "", c("Time","Cases"),selected = "Time", width =
"400"),
selectInput("stats2", "", c("Time","Cases"),selected = "Time", width =
"400")),
title = "Sankey Chart", status = "primary",height = "535" ,solidHeader =
T,
plotlyOutput("first_plot"))))
server <- function(input, output)
{
output$first_plot <- renderPlotly({
p <- plot_ly(
x = c("giraffes", "orangutans", "monkeys"),
y = c(20, 14, 23),
name = "SF Zoo",
type = "bar"
)
})
}
shinyApp(ui, server)
库(闪亮)
图书馆(shinydashboard)
图书馆(绘本)
ui非常感谢您的回复,您能帮我缩小selectInputs和上面蓝色方框标题之间的间距吗?您好,您能帮我缩小Sankey图表标题和下面selectInputs之间的间距吗?您好,AdamShaw,我在我的回答中添加了一个替代选项。这是你想要的吗?
## app.R ##
library(shiny)
library(shinydashboard)
library(plotly)
ui <- dashboardPage(
dashboardHeader(title = "first Chart"),
dashboardSidebar(
width = 0),
dashboardBody(
box( title = "Sankey Chart", status = "primary",height = "535" ,solidHeader =
T,
div(id='my_div',style='margin-top:-20px;',
fluidRow(width=12,
column(width=6,
selectInput("stats1", "", c("Time","Cases"),selected = "Time", width =
"400")),
column(width=6,
selectInput("stats2", "", c("Time","Cases"),selected = "Time", width =
"400")))),
fluidRow(
column(width=12,
plotlyOutput("first_plot"))))))
server <- function(input, output)
{
output$first_plot <- renderPlotly({
p <- plot_ly(
x = c("giraffes", "orangutans", "monkeys"),
y = c(20, 14, 23),
name = "SF Zoo",
type = "bar"
)
})
}
shinyApp(ui, server)
library(shiny)
library(shinydashboard)
library(plotly)
ui <- dashboardPage(
dashboardHeader(title = "first Chart"),
dashboardSidebar(
width = 0),
dashboardBody(
box(
splitLayout(
cellArgs = list(style = "padding: 0px 0px 70px 0px;"),
selectInput("stats1", "", c("Time","Cases"),selected = "Time", width =
"400"),
selectInput("stats2", "", c("Time","Cases"),selected = "Time", width =
"400")),
title = "Sankey Chart", status = "primary",height = "535" ,solidHeader =
T,
plotlyOutput("first_plot"))))
server <- function(input, output)
{
output$first_plot <- renderPlotly({
p <- plot_ly(
x = c("giraffes", "orangutans", "monkeys"),
y = c(20, 14, 23),
name = "SF Zoo",
type = "bar"
)
})
}
shinyApp(ui, server)