2017-02-09 242 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')) 
)