Question

我试图将一个Graph放在一个我正在研究的Shiny项目中。我发现最方便的方法是使用Javascript API和shinyjs包。

详细解释了Tableau的Javascript API here 我的脚本看起来像这样。根据说明是正确的，根据shinyjs，函数名称必须以＆＃34; shinyjs开头。＆＃34;

   function  shinyjs.init() {
    var containerDiv document.getElementById("vizContainer"),
    url = "https://public.tableau.com/profile/daniel.cuartas#!/vizhome/Indicadores_25/Pregunta";
    var viz new tableau.Viz(containerDiv, url); 
}

我的Shiny ui.R中包含的代码块就是这个

               ui = fluidPage(
             includeScript("https://public.tableau.com/javascripts/api/tableau-2.js"),
             useShinyjs(),
             extendShinyjs(script = "C:/Users/Antonia/Downloads/SaberDigital/init.js"),
             tags$div(id = 'vizContainer'),
                      js$init()

           )

我收到了下一个错误：

Error : shinyjs: Error parsing the JavaScript file: SyntaxError: Unexpected identifier.

我做错了什么？

Answer 1

您的代码存在一些问题：

1-您必须使用tags$head(tags$script())告诉浏览器加载脚本而不是includeScript，其中包含JS代码。

2- shinyjs扩展功能必须像shinyjs.init = function()一样编写，并简化我内联而不是将其放在单独的文件中

3-您的网址格式必须采用此格式https://public.tableau.com/views/YOUR-VISUALIZATION

4- shinyjs.init函数必须由服务器函数调用，而不是ui

shinyApp(ui = fluidPage(
  useShinyjs(),
  tags$head(tags$script(src="https://public.tableau.com/javascripts/api/tableau-2.js")),
  extendShinyjs(text = "
shinyjs.init = function(){
var containerDiv = document.getElementById('vizContainer');
url = 'https://public.tableau.com/views/Indicadores_25/Pregunta';
var viz = new tableau.Viz(containerDiv, url); 
}"),
  tags$div(id = 'vizContainer')),
      server = function(input, output, session){js$init()})

使用Javascript API将Tableau集成到Shiny项目中

1 个答案: