Google Vis 和闪亮的加载图表答案

【问题标题】：Google Vis and shiny loading chartsGoogle Vis 和闪亮的加载图表
【发布时间】：2014-09-14 16:56:42
【问题描述】：

我制作了一个有侧面板和主面板的闪亮页面。侧面板可让您选择数据集，主面板顶部有一些文本，然后是 googlevis 图表，底部有一些文本。

每次更改数据集并重新加载图表时，它都会在加载时消失一段时间，从而使底部的文本在页面上向上移动，直到图表最终再次显示。然后文本移回底部。

我的问题是，有没有办法在加载图表时使用占位符，这样在加载图表时就不会移动那些丑陋的文本？或者有没有办法拆分主面板，以便重新加载图表而不影响下面的文本？

【问题讨论】：

标签： javascript r google-visualization shiny

【解决方案1】：

Shiny 很好地介绍了如何布置闪亮的应用程序http://shiny.rstudio.com/articles/layout-guide.html

您可能希望使用网格格式之类的东西，您可以将主屏幕划分为网格单元格（这真是令人惊讶，呵呵），并在每个单元格中放置不同的内容。

从布局指南看来，这是通过fluidRow() 函数实现的，您可以在其中指定每个column() 及其特征。

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))
             )

)

【讨论】：

我尝试过在流动行中使用列，它垂直分割主面板，这是一个不错的功能，但我不能水平分割它，这是我想要的。
我想我不明白你的问题。 FluidRow 函数允许您将页面划分为行。行函数内的列函数允许您创建列。如果要将页面分成两列，只需添加一个流动行（因此高度 = 总页面高度）并添加两列。如果您想要两行（每行是总页面高度的 1/2），则添加 2 个fluidRows 并使用宽度等于 12 的 1 列（这是整个页面宽度）。我在答案中添加了一些代码来帮助您。