是否有办法将选项卡面板中的R绘图居中?

是否有办法将选项卡面板中的R绘图居中?,r,shiny,R,Shiny,我正在开发一款闪亮的应用程序,而我用它来格式化绘图的方式太宽了。我用width参数缩短了它们,使它们看起来合理,但我不知道如何在选项卡面板中将它们居中(显然plotOutput不使用align参数) 我不知道有什么特别的方法,但是你可以使用css来设计输出图像的样式。只需将带有以下内容的标签$style添加到您的UI中: "#plot1 img, #plot2 img { width: 60%; display: block; margin-left: auto;

我正在开发一款闪亮的应用程序,而我用它来格式化绘图的方式太宽了。我用width参数缩短了它们,使它们看起来合理,但我不知道如何在选项卡面板中将它们居中(显然plotOutput不使用align参数)


我不知道有什么特别的方法,但是你可以使用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"))
    )
))