2017-02-09 141 views
2

我使用并排侧布局,以显示在同一行上多条曲线没有并排布局。但是它看起来坏移动。我怎么能并排布局保留在桌面上的一面,但每行1个情节在移动?闪亮 - 移动

fluidRow(
    splitLayout(cellWidths = c('49%', '49%'), 
    plotlyOutput('pWaterLvl'), 
    plotlyOutput('pHumidity') 
) 
), 
fluidRow(
    splitLayout(cellWidths = c('49%', '49%'), 
    plotlyOutput('pWaterTemp'), 
    plotlyOutput('pAirTemp') 
) 
) 

The mobile layout

+0

你可以得到通过JS的user's屏幕分辨率:http://stackoverflow.com/questions/33250075/get-screen-resolution-from-javascript-in-r-shiny 和适应用户界面因此。 – BigDataScientist

回答

1

我觉得你可以让引导网格系统处理它。

fluidRow(
    column(6, plotlyOutput('pWaterLvl')), 
    column(6, plotlyOutput('pHumidity')) 
) 
0

如果需要控制在多个设备上网格大小,则可以使用(默认宽度控制“COL-SM”)的宽度和类设置的组合。

这个例子提出的曲线上在小屏幕上彼此的顶部,彼此相邻的介质的屏幕,并使得第二曲线在大屏幕上稍宽。

fluidRow(
    column(12, class = "col-md-6 col-lg-5", plotlyOutput('pWaterLvl')), 
    column(12, class = "col-md-6 col-lg-7", plotlyOutput('pHumidity')) 
)