有没有办法将tabpanel中的R图集中居中？

Question

我正在研究一个闪亮的应用程序，并且我对它的格式化方式太宽了。我用width参数缩短了它们，所以它们看起来很合理，但我无法弄清楚如何将它们放在选项卡面板中（显然，plotOutput不采用对齐参数）。

tabsetPanel( 
    tabPanel("Plot1", plotOutput("plot1", width="60%")), 
    tabPanel("Plot2", plotOutput("plot2", width="60%")) 
    ) 

Answer 1

我不知道任何闪亮的具体方式，但你总是可以使用CSS来设置输出图像的样式。只需添加tags$style有以下内容到你的UI：

"#plot1 img, #plot2 img { 
    width: 60%; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
}" 

和plotOutput删除width="60%"。不包括width这只是一个Bootstrap center-block类。最小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")) 
    ) 
))