Contrôler l’ordre de chargement de plusieurs vues intégrées

S’applique à : Tableau Cloud, Tableau Server

Le code d’intégration pour Tableau Server 2022.3 et versions ultérieures et Tableau Cloud a changé de manière à utiliser Embedding API v3. Pour obtenir des informations à jour sur l’intégration, consultez l’aide d’Embedding API. Les informations de cette rubrique concernent les versions antérieures d’Embedding (utilisant l’API Tableau JavaScript v1 et v2).

Contrôler l’ordre de chargement à l’aide des versions précédentes d’Embedding

Vous pouvez contrôler l’ordre dans lequel plusieurs vues sont chargées à l’intention des utilisateurs de vos vues. Pour accéder à cette fonctionnalité, il convient d’utiliser un code d’intégration basé sur un fichier JavaScript Tableau.

Dans l’exemple suivant, deux vues sont intégrées. La seconde vue est chargée en premier, suivie par la vue supérieure. Si vous intégrez plusieurs vues et que vous leur attribuez à toutes la même valeur d’ordre de charge, ou encore si vous ne spécifiez aucun paramètre d’ordre de charge, ces vues sont chargées dans l’ordre dans lequel elles apparaissent dans la page.

Exemple de balise Script

<script type='text/javascript' src='http://myserver/javascripts/api/viz_v1.js'> 
</script> 
<object class='tableauViz' width='600' height='400' style='display:none;'> 
   <param name='host_url' value='http://myserver/' />  
   <param name='site_root' value='' /> 
   <param name='name' value='MyCoSales/TopPerformers' /> 
   <param name='tabs' value='yes' /> 
   <param name='toolbar' value='yes' /> 
   <param name='filter' value='Salesperson=Top 5' /> 
   <param name='load-order' value='0' /> 
</object> 
<script type='text/javascript' src='http://myserver/javascripts/api/viz_v1.js'> 
</script> 
<object class='tableauViz' width='600' height='400' style='display:none;'> 
   <param name='host_url' value='http://myserver/' />  
   <param name='site_root' value='' /> 
   <param name='name' value='MyCoSales/SalesScoreCard' /> 
   <param name='tabs' value='yes' /> 
   <param name='toolbar' value='yes' />  
   <param name='load-order' value='-1' /> 
</object>
Retour en haut
Merci de vos commentaires !Avis correctement envoyé. Merci