谷歌Vis和闪亮的加载图表
Google Vis and shiny loading charts
我做了一个闪亮的页面,有一个侧面和主面板。侧边面板可以让你选择数据集,主面板顶部有一些文本,然后是一个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))
)
)
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 无法在通过jQuery的ajax加载的页面中执行javascript
- Emberjs应用程序加载在除Index之外的所有路由上
- 在chrome.tabs.onCreated之后加载HTML页面
- 单击F5时如何停止页面加载
- HTML5音频加载和播放获胜'我不能在iPad上工作
- 跟踪在页面加载时应用内联样式的JavaScript
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- jQuery Lazy加载动画滚动
- Html页面上的多个Base64图像和平滑加载
- 如何创建带有插槽的vue js组件预加载程序
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- 如何使该数据在所有元素中加载
- Chrome扩展没有't在重新加载之前考虑期权价值
- 使用javascript在Flash中加载外部图像
- 谷歌Vis和闪亮的加载图表
- 在节点加载后停止vis.js物理,但允许可拖动节点
- 如何显示加载进度vis.js图表