Widget graphique linéaire simple
  • 04 Nov 2023
  • 1 Minute à lire
  • Contributeurs

Widget graphique linéaire simple


Résumé de l’article

Rationalisez vos applications grâce à ce widget personnalisé, qui vous permet d'afficher des données sur une ligne directement à partir de votre application, sans avoir besoin d'utiliser Analytics.

Objectif

L'objectif de ce widget est de tracer rapidement et efficacement des données en temps réel. Cette fonctionnalité est destinée à de simples démonstrations et affichages de données au moment où elles sont générées, et ne peut pas effectuer de calculs ou d'analyses sur les données.

Configuration de l'intégration de Tulip

Les plugins Custom Widget fournissent un outil puissant pour ajouter des widgets personnalisés à votre application. Les widgets vous permettent d'écrire du Javascript pour étendre et personnaliser la fonctionnalité d'un widget. Les widgets peuvent être importés dans votre Instance directement depuis la Bibliothèque Tulip - soit seuls, soit en tant que partie d'une application Tulip.

Comment cela fonctionne-t-il ?

Le widget Line Graph reçoit quatre informations en tant que Props : une liste d'objets (series), deux variables de texte pour nommer les axes X et Y du graphique (xAxisLabel et yAxisLabel) et une variable de couleur (linecolor).

L'entrée "series" contient un objet tableau composé de trois données : une liste de valeurs x à largeur unique (xAxisNums), une liste de valeurs y (yAxisNums) et une variable de couleur (seriesColor).

LineGraphWidget_1.png

Plusieurs lignes peuvent être tracées en passant plusieurs objets, chaque objet représentant une ligne.

LineGraphWidget_2.png

Vous avez la possibilité de sélectionner une couleur différente pour chaque série générée. Si vous ne faites pas de choix, le widget choisira automatiquement une des 10 couleurs prédéfinies pour chaque série. Vous pouvez également opter pour une couleur globale. Le choix de la couleur globale remplacera les couleurs individuelles choisies pour chaque série.

Pour en savoir plus

Si vous souhaitez en savoir plus sur les widgets personnalisés, veuillez consulter le site ci-dessous :


Cet article vous a-t-il été utile ?