Obiettivi

Questo tutorial fornisce una guida per incorporare un Tableau Viz in HTML utilizzando R Markdown.

R Pagina Markdown

I requisiti minimi per un sito Web R Markdown sono:

index.Rmd: contiene il contenuto per la home page del sito Web e _site.yml: contiene i metadati per il sito web. Scopri di più sulla pagina rmarkdown in rstudio4edu.

Tableau Incorporato in R

Troviamo il codice incorporato del tableau viz sotto l’icona di condivisione ().

Codice Incorporato

Copiamo e incolliamo il codice incorporato nel nostro file .Rmd.

            <script type='text/javascript'>                    var divElement = document.getElementById('viz1676886276003');                    var vizElement = divElement.getElementsByTagName('object')[0];                    vizElement.style.width='1200px';vizElement.style.height='1027px';                    var scriptElement = document.createElement('script');                    scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    vizElement.parentNode.insertBefore(scriptElement, vizElement);                </script>

Passo Finale

Dividiamo la parte <div...</div> e <script>...<\script>.

<div class='tableauPlaceholder' id='viz1675351055624' style='position: relative'><noscript><a href='#'><img alt='Dsh1 ' src='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;De&#47;Destination_Map&#47;Dsh1&#47;1_rss.png' style='border: none' /></a></noscript><object class='tableauViz'  style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='Destination_Map&#47;Dsh1' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https:&#47;&#47;public.tableau.com&#47;static&#47;images&#47;De&#47;Destination_Map&#47;Dsh1&#47;1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='language' value='en-US' /></object></div>    

var divElement = document.getElementById('viz1675351055624');                    
var vizElement = divElement.getElementsByTagName('object')[0];                    
vizElement.style.width='1200px';vizElement.style.height='1027px';                    
var scriptElement = document.createElement('script');                    
scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';                    
vizElement.parentNode.insertBefore(scriptElement, vizElement);                

Risultato

TableauViz: Click on TableauViz.