以编程方式创建选项卡并在markdown中绘图

杰耶克

我正在尝试在内部创建一些动态rmd内容的选项卡
这个没有用。
像这样:

---
title: "1"
output: html_document
---

```{r }
library(highcharter)
library(tidyverse)
iris %>% 
      dplyr::group_split(Species) %>% 
      purrr::map(.,~{
        # create tabset for each group 
        ..1 %>% 
          hchart("scatter", hcaes(x = Sepal.Length, y = Sepal.Width))
        })
```
瓦尔迪

您可以使用设置results = 'asis'knitr选项以在地图功能中生成选项卡cat

获取Highcharter与工作asis很棘手:

  • Highchart 需要在块之前调用一次asis,可能是正确初始化,因此是第一个空图表。
  • 要在asis大块中打印图表,HTML输出将以以下character格式发送:cat

尝试这个:

---
title: "Test tabs"
output: html_document
---

`r knitr::opts_chunk$set(echo = FALSE, warning = FALSE, message = FALSE, cache = F)`

```{r}
library(highcharter)
library(tidyverse)
# This empty chart is necessary to initialize Highcharter in the tabs
highchart(height = 1)
```


```{r, results = 'asis'}
cat('## Tabs panel {.tabset}   \n')
invisible(
  iris %>% 
      dplyr::group_split(Species) %>% 
      purrr::imap(.,~{
        # create tabset for each group 
        cat('### Tab',.y,'   \n')
        cat('\n')
        p <- hchart(.x,"scatter", hcaes(x = Sepal.Length, y = Sepal.Width))
        cat(as.character(htmltools::tagList(p)))
      })
)
```

在此处输入图片说明

请注意,尽管此解决方案效果很好,但它已超出了最初用于asis

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何以快速方式在UITabBarController中以编程方式添加选项卡?

来自分类Dev

使用情节提要中的选项卡控制器以编程方式打开视图

来自分类Dev

使用Winforms在C#中以编程方式分别调整选项卡的大小

来自分类Dev

如何在JavaFX中以编程方式切换选项卡

来自分类Dev

在JQuery Mobile上以编程方式更改选项卡

来自分类Dev

在Swift中以编程方式在选项卡之间切换

来自分类Dev

以编程方式在新选项卡中创建新的QTextEdit

来自分类Dev

快速以编程方式删除选项卡栏

来自分类Dev

以编程方式在Sitecore的富文本编辑器的HTML选项卡中插入数据

来自分类Dev

以编程方式禁用ActionBar选项卡指示器

来自分类Dev

以编程方式单击以更改UI-Bootstrap中的当前选项卡

来自分类Dev

以编程方式创建Bootstrap选项卡

来自分类Dev

如何在MATLAB GUI中以编程方式更改选项卡

来自分类Dev

以编程方式返回到选项卡栏控制器中的视图

来自分类Dev

在WooCommerce中以编程方式添加自定义设置选项卡以管理产品数据

来自分类Dev

Angular UI-以编程方式设置活动选项卡

来自分类Dev

以编程方式在TabbedPage中的选项卡之间切换

来自分类Dev

使用Turbolink以编程方式打开Bootstrap选项卡

来自分类Dev

无法在AppDelegate中以编程方式将viewContoller添加到选项卡栏

来自分类Dev

以编程方式更改ActionBar选项卡的颜色

来自分类Dev

如何以编程方式在选项卡之间移动

来自分类Dev

以编程方式更改选定的jQuery UI选项卡?

来自分类Dev

以编程方式使选项卡处于活动状态

来自分类Dev

快速以编程方式删除选项卡栏

来自分类Dev

以编程方式确定Firefox中每个选项卡的内存使用情况?

来自分类Dev

以编程方式在iTerm2中设置选项卡的颜色?

来自分类Dev

以编程方式关闭Firefox Quantum中的所有选项卡

来自分类Dev

以编程方式监视在Visual Studio中打开了哪个选项卡

来自分类Dev

如何在 Android 上的 TabLayout 中以编程方式创建选项卡

Related 相关文章

  1. 1

    如何以快速方式在UITabBarController中以编程方式添加选项卡?

  2. 2

    使用情节提要中的选项卡控制器以编程方式打开视图

  3. 3

    使用Winforms在C#中以编程方式分别调整选项卡的大小

  4. 4

    如何在JavaFX中以编程方式切换选项卡

  5. 5

    在JQuery Mobile上以编程方式更改选项卡

  6. 6

    在Swift中以编程方式在选项卡之间切换

  7. 7

    以编程方式在新选项卡中创建新的QTextEdit

  8. 8

    快速以编程方式删除选项卡栏

  9. 9

    以编程方式在Sitecore的富文本编辑器的HTML选项卡中插入数据

  10. 10

    以编程方式禁用ActionBar选项卡指示器

  11. 11

    以编程方式单击以更改UI-Bootstrap中的当前选项卡

  12. 12

    以编程方式创建Bootstrap选项卡

  13. 13

    如何在MATLAB GUI中以编程方式更改选项卡

  14. 14

    以编程方式返回到选项卡栏控制器中的视图

  15. 15

    在WooCommerce中以编程方式添加自定义设置选项卡以管理产品数据

  16. 16

    Angular UI-以编程方式设置活动选项卡

  17. 17

    以编程方式在TabbedPage中的选项卡之间切换

  18. 18

    使用Turbolink以编程方式打开Bootstrap选项卡

  19. 19

    无法在AppDelegate中以编程方式将viewContoller添加到选项卡栏

  20. 20

    以编程方式更改ActionBar选项卡的颜色

  21. 21

    如何以编程方式在选项卡之间移动

  22. 22

    以编程方式更改选定的jQuery UI选项卡?

  23. 23

    以编程方式使选项卡处于活动状态

  24. 24

    快速以编程方式删除选项卡栏

  25. 25

    以编程方式确定Firefox中每个选项卡的内存使用情况?

  26. 26

    以编程方式在iTerm2中设置选项卡的颜色?

  27. 27

    以编程方式关闭Firefox Quantum中的所有选项卡

  28. 28

    以编程方式监视在Visual Studio中打开了哪个选项卡

  29. 29

    如何在 Android 上的 TabLayout 中以编程方式创建选项卡

热门标签

归档