Equipe Learning

Overview

Radar

Affichage de données multivariées sous la forme d'un graphique bidimensionnel de trois variables quantitatives ou plus avec le Widget Radar. Vous trouverez 2 types de radar dans cette catégorie.

L'utilisateur définit explicitement deux listes :

  • La liste des séries (enveloppes circulaires, appelées « layers » dans la documentation nivo), qui contient par défaut 1 élément.
  • La liste des domaines (axes, appelés « dimensions » dans la documentation nivo), qui contient par défaut 3 éléments.

Single Series Case

Si un utilisateur configure :

  • Une série : "Series 1"
  • Trois domaines :
    • "Variable 1" mappée à la propriété "var1" (qui est un nombre ou une chaîne mais pas un tableau)
    • "Variable 2" mappée à la propriété "var2" (qui est un nombre ou une chaîne mais pas un tableau)
    • "Variable 3" mappée à la propriété "var3" (qui est un nombre ou une chaîne mais pas un tableau)

Alors, lors de la réception du message suivant :

payload = {
    "var1": 3,
    "var2": 6,
    "var3": 9
  }
return msg;

un graphique radar avec trois branches et une seule enveloppe s'affiche.

Si un nouveau message arrive avec des valeurs pour var1, var2 et var3, alors le graphique radar se met à jour avec les nouvelles valeurs.

Multiple Series Case

Si un utilisateur configure :

  • Quatre séries : "Series 1", "Series 2", "Series 3", "Series 4"
  • Trois domaines :
    • "Variable 1" mappée à la propriété "var1" (qui est un tableau de quatre nombres ou quatre chaînes)
    • "Variable 2" mappée à la propriété "var2" (qui est un tableau de quatre nombres ou quatre chaînes)
    • "Variable 3" mappée à la propriété "var3" (qui est un tableau de quatre nombres ou quatre chaînes)

Alors, lors de la réception du message suivant :

msg.payload = {
    "var1": [1, 2, 3, 4],
    "var2": [1, 2, 3, 4],
    "var3": [1, 2, 3, 4]
  }
return msg;

un graphique radar à trois branches et quatre enveloppes concentriques de diamètres 1, 2, 3 et 4 s'affiche.

Si un nouveau message arrive avec des valeurs pour var1, var2 et var3, alors le graphique radar se met à jour avec les nouvelles valeurs.

Remarks

  • Si une seule série est configurée, les valeurs pour chaque axe doivent être des nombres ou des chaînes de caractères (pas de tableaux).
  • Si N séries sont configurées, les valeurs pour chaque axe doivent être des tableaux de dimension N.
  • L'ordre de définition des séries est l'ordre dans lequel on attribue les éléments du tableau : la première série sera liée aux éléments d'indice 0 des tableaux, etc.
Réalisé par Zendesk