是否有办法将选项卡面板中的R绘图居中?
我正在开发一款闪亮的应用程序,而我用它来格式化绘图的方式太宽了。我用width参数缩短了它们,使它们看起来合理,但我不知道如何在选项卡面板中将它们居中(显然plotOutput不使用align参数)是否有办法将选项卡面板中的R绘图居中?,r,shiny,R,Shiny,我正在开发一款闪亮的应用程序,而我用它来格式化绘图的方式太宽了。我用width参数缩短了它们,使它们看起来合理,但我不知道如何在选项卡面板中将它们居中(显然plotOutput不使用align参数) 我不知道有什么特别的方法,但是你可以使用css来设计输出图像的样式。只需将带有以下内容的标签$style添加到您的UI中: "#plot1 img, #plot2 img { width: 60%; display: block; margin-left: auto;
我不知道有什么特别的方法,但是你可以使用css来设计输出图像的样式。只需将带有以下内容的
标签$style
添加到您的UI中:
"#plot1 img, #plot2 img {
width: 60%;
display: block;
margin-left: auto;
margin-right: auto;
}"
并从plotOutput
中删除width=“60%”
。不包括width
它只是一个类。最小的ui定义可能如下所示:
shinyUI(bootstrapPage(
tags$head(tags$style(
type="text/css",
"#plot1 img, #plot2 img {
width: 60%;
display: block;
margin-left: auto;
margin-right: auto;
}"
)),
tabsetPanel(
tabPanel("Plot1", plotOutput("plot1")),
tabPanel("Plot2", plotOutput("plot2"))
)
))
我不确定我是否完全理解,因为我对这种编码的经验是有限的,但这是否允许您维护由闪亮的选项卡面板生成的选项卡?
shinyUI(bootstrapPage(
tags$head(tags$style(
type="text/css",
"#plot1 img, #plot2 img {
width: 60%;
display: block;
margin-left: auto;
margin-right: auto;
}"
)),
tabsetPanel(
tabPanel("Plot1", plotOutput("plot1")),
tabPanel("Plot2", plotOutput("plot2"))
)
))