Google Vis和闪亮的加载图

Question

I have made a page in shiny that has a side and main panel. The side panel lets you chose the dataset and the main panel has some text on top and then a googlevis chart followed by some text at the bottom.

Every time the dataset is changed and the chart reloads, it dissapears for a bit while its loading making the text at the bottom move up the page until the chart finally displays again. Then the text moves back to the bottom.

My question is, is there a way to have a placeholder while the chart is loading so you dont get that ugly text moving while the chart loads? Or is there a way to split up the main panel so the chart can reload without bothering the text below?

Answer 1

Shiny provides a good introduction to laying out your shiny app http://shiny.rstudio.com/articles/layout-guide.html

You might be looking to use something like the grid format where you can divide the main screen into a grid cells (big surprise there, huh) and place different content in each cell.

From the layout guide, it looks like this is implemented through the fluidRow() function, within which you specify each column() and its characteristics.

mainPanel(
           fluidRow(
             column(12,
                    p("THIS FLUID ROW TAKES UP THE ENTIRE WIDTH OF THE PAGE"),
                    br(),
                    br(),
                    br())),
           hr(),
           fluidRow(
             column(4,
                    p("THIS FLUID ROW IS DIVIDED INTO THREE COLUMNS, EACH 1/3RD OF THE PAGE WIDTH"),
                    img(src = "bigorb.png", height = 72, width = 72)),
             column(4,
                    p("THIS IS THE SECOND COLUMN"),
                    img(src = "bigorb.png", height = 72, width = 72)),
             column(4,
                    p("THIS IS THE THIRD COLUMN"),
                    img(src = "bigorb.png", height = 72, width = 72))
             )

)