Composants des filtres Looker

Les composants de filtre Looker offrent la fonctionnalité de filtre enrichi de Looker pour les applications de données personnalisées basées sur Looker.

Composants Looker

Les composants Looker sont des éléments prédéfinis basés sur React de l'application de Looker. Les développeurs d'applications peuvent utiliser des composants d'applications de données et d'extensions basées sur Looker.

Les composants peuvent être utilisés avec le framework d'extension Looker et le SDK Embed de Looker.

Composants des filtres Looker

Les composants de filtre offrent une fonctionnalité de filtre riche de Looker pour les applications de données personnalisées et les tableaux de bord Looker intégrés personnalisés. En utilisant l'API Looker (via un SDK ou une extension) pour récupérer des données JSON pour un tableau de bord donné, les développeurs peuvent inclure le composant de filtre dans leur application et transmettre les propriétés de chaque filtre dans le tableau de bord. Le composant affiche ensuite chaque filtre en fonction de son champ et de sa configuration d'interface utilisateur.

Le package de composants de filtre propose 12 types de commandes de filtrage, semblables aux commandes disponibles pour les tableaux de bord Looker :

* Groupe de boutons * Case à cocher * Liste de balises * Curseur de plage * Bouton d'activation * Case d'option
* Menu déroulant * Curseur * Un jour * Période * Période * Avancé

Les composants de filtre sont diffusés via deux packages qui fonctionnent ensemble : @looker/filter-components et @looker/filter-expressions. Le package @looker/filter-components affiche un composant de filtre à l'aide d'un champ, d'un type de filtre et d'expressions de filtre actuelles, disponibles depuis n'importe quel filtre du tableau de bord. Le package @looker/filter-expressions transforme les expressions de filtre en structures de données pouvant être utilisées par @looker/filter-components.

Pourquoi utiliser des composants de filtre ?

Les composants de filtre permettent aux développeurs de gagner du temps et de permettre aux analystes travaillant dans Looker de créer et de gérer des expériences utilisateur robustes et personnalisables. Les composants de filtre Looker offrent les avantages suivants:

  • Expériences de filtrage de haute qualité : les composants de filtre fournissent la logique de filtrage enrichie de Looker et une large gamme de commandes de filtrage pour répondre au mieux aux types de filtres dont vous avez besoin.
  • Développement rapide : les composants de filtre offrent un accès "prêt à l'emploi" aux filtres, ce qui permet aux développeurs de se concentrer sur d'autres tâches et d'accélérer le développement global.
  • Personnalisation : vous pouvez personnaliser l'apparence des commandes de filtrage en fonction de l'apparence de votre application, de votre extension ou de votre tableau de bord intégré. Les développeurs peuvent utiliser des composants de filtre pour personnaliser davantage leurs fonctionnalités.
  • Associé aux tableaux de bord Looker : un composant de filtre peut être connecté directement à un filtre sur un tableau de bord Looker, et une version de ce filtre sera affichée dans l'application, l'extension ou l'élément d'intégration Looker qui utilise le composant. Tout utilisateur disposant d'un accès en modification au tableau de bord Looker connecté au composant de filtre peut modifier le filtre sur le tableau de bord Looker, ce qui met à jour le filtre dans l'application, l'extension ou l'élément intégré. Cela libère du temps pour les développeurs, car celui-ci n'est pas obligé de modifier un filtre chaque fois qu'il existe une raison commerciale.
  • Lié au modèle Looker : les composants de filtre prennent en compte les modifications apportées au modèle Looker sur lequel elles sont basées, ce qui signifie que les champs de filtre et d'autres options sont dynamiques et seront mis à jour avec les mises à jour du modèle sous-jacent.

Installer et utiliser des composants de filtre

Téléchargez les packages @looker/filter-components et @looker/filter-expressions à partir du dépôt NPM @looker/components.

Vous trouverez des informations sur l'installation et l'utilisation des packages de composants de filtre dans le document README de chaque package, disponible dans NPM ou sur GitHub.

Une application de démonstration de composants de filtre est disponible sur GitHub. Les instructions d'utilisation de la version de démonstration figurent dans le document README.