使用 iframe 嵌入 Google 图表

R.巴雷特

所以基本上我试图要么使用 googleViz 包和/或只是在 tabPaenl 中嵌入已发布的谷歌图表作为 iframe,然后让它自动调整以适应嵌入在 R Shiny Web 应用程序中相应 tabPanel 中的 tabPanel。任何想法和/或建议都会很棒。

所以我尝试只使用 googleVis 包,它会阻止 r-shiny 应用程序加载,因为 googleVis 想要在单独的网页中打开图表。

基本上我有一个fluidRow,它必须是tabBoxes

                  fluidRow(
                    tabBox(
                      title = "Visualization Trends",
                      # The id lets us use input$tabset1 on the server to find the current tab
                      id = "tabset1", height = "500px",
                      tabPanel("First Response", 
                               "First Tab Content 1",
              I WANT TO EMBED THE CHART HERE
                               ),
                      tabPanel("Case Closure", "First Tab Content 2"),
                      tabPanel("SLA Met", "First Tab Content 3"),
                      tabPanel("SLA Missed", "Insert SLA Misses Content"),
                      tabPanel("Overall CR & MW", "Insert Google Chart")

实际结果没有用,我有点卡住了,所以我真的只需要一些指导而不是其他任何东西。

R.巴雷特

所以,这并不像我想象的那么难。为了嵌入图表,您必须先发布它,然后选择嵌入选项。然后你复制所有的内容

<iframe>some_embedded_content<iframe>

复制此内容后,您可以将其嵌入到 tabBox 面板中,如下所示:

                      fluidRow(
                    tabBox(
                      title = "Visualization Trends",
                      # The id lets us use input$tabset1 on the server to find the current tab
                      id = "tabset1", height = "500px",
                      tabPanel("First Response",
                               HTML('<iframe width="600" height="371" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRNxLt1gp1TRc7sB83xjGpXLcLLUq8xH0B9iv1/pubchart?oid=1201606802&amp;format=interactive"></iframe>')

                               )

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用自定义名称嵌入Google Map iFrame

来自分类Dev

使用 FigureCanvasTkAgg 嵌入 matplotlib 图表 - 设置 xticks

来自分类Dev

如何更改Google MyMaps iframe嵌入缩放?

来自分类Dev

通过iframe嵌入时google maps错误

来自分类Dev

如何验证Google Map嵌入代码iframe?

来自分类Dev

在 iFrame 中嵌入 Google Apps 脚本的问题

来自分类Dev

使用JSON的Google图表

来自分类Dev

将google map嵌入iframe时,如何删除附近的地方?

来自分类Dev

嵌入式Google Map iframe无法居中标记

来自分类Dev

Google Docs iFrame:如何自定义嵌入式Google Docs iFrame的CSS

来自分类Dev

自定义Google Map嵌入未像iframe嵌入代码那样居中

来自分类Dev

显示空白图表,然后使用按钮进行更新(Google图表)

来自分类Dev

如何使用事件(Google图表)更改图表颜色

来自分类Dev

无法使用jQuery定位嵌入式Flickr视频iframe

来自分类Dev

删除使用CSS嵌入的vimeo iframe上的黑色边框?

来自分类Dev

如何使用自定义样式的XML内容嵌入iframe?

来自分类Dev

在Sphinx中使用iframe嵌入外部html文件

来自分类Dev

使用对象/嵌入/ iframe渲染PDF无法正常工作

来自分类Dev

如何在Ruby on Rails上使用ActionText / Trix嵌入iframe?

来自分类Dev

将查询参数传递给使用JavaScript嵌入的iframe

来自分类Dev

如何使用自定义样式的XML内容嵌入iframe?

来自分类Dev

如何使用window.postMessage来动态嵌入iframe?

来自分类Dev

无法使用jQuery定位嵌入式Flickr视频iframe

来自分类Dev

使用CSS自定义Google图表

来自分类Dev

使用SharePoint列表数据的Google图表

来自分类Dev

Google图表使用JSON显示空白

来自分类Dev

在Chrome扩展程序中使用Google图表

来自分类Dev

仅使用Javascript动态填充Google图表

来自分类Dev

如何使用Google图表绘制多条线

Related 相关文章

  1. 1

    如何使用自定义名称嵌入Google Map iFrame

  2. 2

    使用 FigureCanvasTkAgg 嵌入 matplotlib 图表 - 设置 xticks

  3. 3

    如何更改Google MyMaps iframe嵌入缩放?

  4. 4

    通过iframe嵌入时google maps错误

  5. 5

    如何验证Google Map嵌入代码iframe?

  6. 6

    在 iFrame 中嵌入 Google Apps 脚本的问题

  7. 7

    使用JSON的Google图表

  8. 8

    将google map嵌入iframe时,如何删除附近的地方?

  9. 9

    嵌入式Google Map iframe无法居中标记

  10. 10

    Google Docs iFrame:如何自定义嵌入式Google Docs iFrame的CSS

  11. 11

    自定义Google Map嵌入未像iframe嵌入代码那样居中

  12. 12

    显示空白图表,然后使用按钮进行更新(Google图表)

  13. 13

    如何使用事件(Google图表)更改图表颜色

  14. 14

    无法使用jQuery定位嵌入式Flickr视频iframe

  15. 15

    删除使用CSS嵌入的vimeo iframe上的黑色边框?

  16. 16

    如何使用自定义样式的XML内容嵌入iframe?

  17. 17

    在Sphinx中使用iframe嵌入外部html文件

  18. 18

    使用对象/嵌入/ iframe渲染PDF无法正常工作

  19. 19

    如何在Ruby on Rails上使用ActionText / Trix嵌入iframe?

  20. 20

    将查询参数传递给使用JavaScript嵌入的iframe

  21. 21

    如何使用自定义样式的XML内容嵌入iframe?

  22. 22

    如何使用window.postMessage来动态嵌入iframe?

  23. 23

    无法使用jQuery定位嵌入式Flickr视频iframe

  24. 24

    使用CSS自定义Google图表

  25. 25

    使用SharePoint列表数据的Google图表

  26. 26

    Google图表使用JSON显示空白

  27. 27

    在Chrome扩展程序中使用Google图表

  28. 28

    仅使用Javascript动态填充Google图表

  29. 29

    如何使用Google图表绘制多条线

热门标签

归档