谷歌Vis和闪亮的加载图表

Google Vis and shiny loading charts

本文关键字:加载 Vis 谷歌      更新时间:2023-09-26

我做了一个闪亮的页面,有一个侧面和主面板。侧边面板可以让你选择数据集,主面板顶部有一些文本,然后是一个google levis图表,底部有一些文本。

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

我的问题是,有没有一种方法有一个占位符,而图表正在加载,所以你不会得到丑陋的文本移动,而图表加载?或者是否有一种方法可以拆分主面板,以便图表可以重新加载而不打扰下面的文本?

Shiny提供了一个很好的介绍来布局你的Shiny应用http://shiny.rstudio.com/articles/layout-guide.html

您可能希望使用类似网格格式的东西,您可以将主屏幕划分为网格单元格(这很令人惊讶,嗯),并在每个单元格中放置不同的内容。

从布局指南来看,这似乎是通过fluidRow()函数实现的,在该函数中指定每个列()及其特征。

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