Skip to content

Téléchargement des données dans le Viewer

Téléchargement des données d'un widget

Dans la configuration d'un widget, dans la section Export, vous pouvez activer le téléchargement en XLS et CSV du widget. Le Viewer pourra alors télécharger les données affichées dans le widget (uniquement celles affichées, pas toutes celles de la source de données).

Pour une table (ou tout autre widget), le nombre maximum de lignes est de 20.000 (et donc la limite en téléchargement avec cette option est aussi de 20.000).

Téléchargement de toutes les lignes d'une datasource

Si vous êtes un utilisateur Studio, le plus simple pour télécharger le contenu complet d'une datasource est d'ouvrir sa page de configuration et de cliquer sur le bouton "Download data as CVS File". Mais un utilisateur Viewer n'a pas accès à cette page. Toutefois, il y a une option pour lui permettre d'accéder à cette fonctionnalité depuis un dashboard.

Pour configurer cette option, en pré-requis, vous devez activer l'option 'Allow full download in Viewer' sur la datasource en question. Ceci est une contrainte de sécurité. En effet, par défaut, l'accès à toutes les lignes d'une datasource par un Viewer est désactivé.

Une fois cette option activée, vous pouvez utiliser la fonction Javascript srnDownloadSourceData dans un dashboard. La façon la plus simple pour cela est de créer un widget KPI, choisir la source à télécharger dans sa configuration et choisir le $$count$$ comme mesure (ce dernier point est utile uniquement pour avoir une configuration valide pour le widget). Ensuite, dans les options de rendu du widget, choisissez le template Custom HTML et déclenchez la fonction srnDownloadSourceData avec un onclick sur un élément du widget. Voici un exemple simple que vous pouvez recopier dans le template:

<!-- use flex to center the content-->
<div style="display:flex;
            align-items:center;
            height:100%;
            justify-content:center">

<!-- button with the onclick triggering the CSV download-->
<div style="font-size: 1.5vw;
            padding: 10px;
            margin: 10px;
            border: 1px solid #0099cc;
            color: #0099cc;
            border-radius: 4px;
            cursor:pointer;
            width: 80%;
            text-align: center"
            onclick=srnDownloadSourceData("2f6590f8-fdac-4ae7-b4de-e69fc2d8cb0c")>
    <span class="fa fa-download"></span>
    Download mydata
</div>

</div>