专栏首页庄闪闪的R语言手册R文档沟通|Dashboards入门(2)

R文档沟通|Dashboards入门(2)

排版

关于仪表盘布局的总体规则是:

  • 一级标题:生成页面;
  • 二级标题:生成列(或行);
  • 三级标题:生成框(包含一个或多个仪表盘组件)。

下面给出一个简单的例子:

---
title: "Get Started"
output: flexdashboard::flex_dashboard
---

```{r setup, include=FALSE}
library(flexdashboard)
```

Column 1
--------------------------------------------------

### Chart A

```{r}
```

Column 2
--------------------------------------------------

### Chart B

```{r}
```

### Chart C

```{r}
```

请注意,第一行文本(Coluumn 1)下的一系列破折号是第二级标题的另一种 Markdown 语法形式,即

Column 1
--------------------------------------------------

等同于

## Column 1

我们使用了一系列的破折号,只是为了让第二节在源文档中更为显眼罢了。

默认情况下,二级标题在仪表板上生成列,三级标题在列中垂直堆叠。所以在默认情况下,你不必在仪表盘上设置列,因为它默认会一列一列的垂直堆放显示。

:二级标题的内容将不会显示在输出中。二级标题仅用于布局(例如,例子中的Column 1不会显示在输出中),因此标题的实际内容一点都不重要。相比之下,一级标题和三级标题更加重要。

下图显示了上述示例的结果,一共是两列,第一列为 “Chart A”,第二列为 “Chart B” 和 “Chart C”。

:在这个例子中,我们没有在代码块中加入任何 R 代码,所以所有的框都是空的。当然在实际使用中,你可以编写任意的 R 代码来生成 R 图、HTML 小部件并将其加入到这些“盒子”中。

1.基于行的布局

通过修改 orientation 选项将默认以列导向的布局改为以行导向的布局,例如:

output:
  flexdashboard::flex_dashboard:
    orientation: rows

这时二级结构中将会按照行进行排列,三级结构中会按照行中的列进行堆叠。我们将上述例子修改后,输出结果如图下所示:

2.节属性

二级结构头部还可以加入一些属性,例如:设置列宽度为350:

A narrow column {data-width=350}
--------------------------------

在基于行布局的情况下,可以为行设置 data-height 属性。而基于列布局的情况下,可以使用 {.tabset} 使得三级结构以制表符的形式排列,例如:

Two tabs {.tabset}
------------------

### Tab A

### Tab B

所得结果如图下所示

3.多页

如果 rmd 文档中有多个一级结构的内容时,这时仪表盘会将每个一节结构分别显示为单独页面。下面给出一个简单的例子:

---
title: "Multiple Pages"
output: flexdashboard::flex_dashboard
---

Visualizations {data-icon="fa-signal"}
===================================== 
    
### Chart 1
    
```{r}
```
    
### Chart 2

```{r}
```
   
Tables {data-icon="fa-table"}
=====================================     

### Table 1
    
```{r}
```
    
### Table 2

```{r}
```

所得结果如图下所示:

:一系列等号是一级标题的另一种 Markdown 语法(也可以使用单个井号 #表示)。

从图中我们可以看到:页面标题显示在仪表盘顶部的导航菜单中。一级结构单独构成一个页面。

本例中,我们还做了一个小拓展,通过 data-icon 属性将图标应用于页面标题中。当然,你可以从该网址 https://fontawesome.com 找到其他可用的图标。

4.故事板

除了基于列或行布局外,你还可以通过故事板("storyboard")进行布局,呈现一些可视化图形或其他说明。

下面给出一个简单的例子:

---
title: "Storyboard Commentary"
output: 
  flexdashboard::flex_dashboard:
    storyboard: true
---

### A nice scatterplot here

```{r}
plot(cars, pch = 20)
grid()
```

---

Some commentary about Frame 1.

### A beautiful histogram on this board

```{r}
hist(faithful$eruptions, col = 'gray', border = 'white', main = '')
```

---

Some commentary about Frame 2.`r xfun::file_string('examples/dashboard/03-storyboard.Rmd')`

如图所示,你可以通过顶部的左右导航按钮来浏览所有故事板内容。

小编有话说

  • 这章主要是对 Dashboards 的排版进行学习,之后还会各类组件和结合 shiny 的应用,尽情期待。

本文分享自微信公众号 - 庄闪闪的R语言手册(Zss_R4ds),作者:庄闪闪

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2021-04-28

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • R文档沟通|Dashboards入门(4)

    Dashboards入门前三期可见:R文档沟通|Dashboards入门(1);R文档沟通|Dashboards入门(2);R文档沟通|Dashboards入门...

    庄闪闪
  • R文档沟通|Dashboards入门(1)

    仪表盘在业务风格的报告中特别常见。它们可以用来突出报告的概要和关键内容。仪表盘的布局通常是基于网格搭建的,各个组件排列在各种大小的“盒子”中。

    庄闪闪
  • Jupyter Notebook教程 in Python

    主要内容:如何安装,运行和使用IPython进行交互式 matplotlib 绘图,数据分析,还有发布代码。

    用户7886150
  • 盘点 Shiny 中的各种主题和 UI 插件

    •shinythemes https://github.com/rstudio/shinythemes - 在 Shiny 中 使用 Bootswatch 主题...

    生信菜鸟团
  • 盘点 Shiny 中的各种主题和 UI 插件

    •shinythemes https://github.com/rstudio/shinythemes - 在 Shiny 中 使用 Bootswatch 主题...

    王诗翔呀
  • 数据科学工具 Jupyter Notebook教程 in Python

    本文主要内容为:如何安装,运行和使用 IPython 进行交互式 matplotlib 绘图,数据分析,还有发布代码。

    张耀琦
  • shiny资源汇总

    资源背后的机构和开发者,都可以看看,他们的网站,个人Twitter之类的,寻宝哦。

    生信技能树
  • MySQL日志收集之Filebeat和Logstsh的一键安装配置(ELK架构)

    关于ELK是什么、做什么用,我们不在此讨论。本文重点在如何实现快速方便地安装logstash和filebeat组件,特别是在近千台DB Server的环境下(为...

    东山絮柳仔
  • 教你一分钟内导出 Grafana 所有的 Dashboard

    目前我们 k8s 集群的 Grafana 使用 ceph 作为持久化存储,一但我将 Grafana 的 Deployment 删除重建之后,之前的所有数据都会丢...

    米开朗基杨

扫码关注云+社区

领取腾讯云代金券