Résumé

Le graphique Bump peut être utilisé pour montrer le classement de plusieurs séries au fil du temps. Il est assez similaire au graphique Linéaire, mais au lieu de représenter une mesure sur l'axe y, il montre uniquement le classement de chaque série à un instant donné.

Nous avons deux modes de fonctionnement.

Dans le premier mode (que nous pourrions appeler le mode "points successifs"), nous spécifions une valeur x et une valeur y avec chaque message. Cela conduit à l'affichage d'un point supplémentaire sur le graphique, et les points continuent d'être ajoutés au graphique jusqu'à ce que la quantité limite définie par l'utilisateur soit atteinte. Ensuite, chaque nouveau point remplace le plus ancien, et ainsi de suite. Ce mode est pratique pour les séries temporelles où les données arrivent progressivement.

Le second mode est le mode XY : nous spécifions deux tableaux de mêmes dimensions pour x et y, qui définissent explicitement tous les points à afficher. Le premier tableau définit la liste des coordonnées x, et le second tableau définit la liste des coordonnées y.

Mode Points Successifs

Si un utilisateur configure une série "Series 1", en sélectionnant la propriété "prop1" pour l'axe x et la propriété "prop2" pour l'axe y, alors à la réception du message suivant :

 msg.payload = {
    "prop1": "abscisse1",
    "prop2": 4
  }
return msg;

un point apparaît sur le graphique, à l'abscisse "abscisse1", et à la position de l'ordonnée 1. S'il y avait plusieurs séries, à cette abscisse, les points seraient ordonnés en fonction de leurs valeurs y.

Si un nouveau message est reçu :

 msg.payload = {
    "prop1": "abscisse2",
    "prop2": 4
  }
return msg;

un second point apparaît, à l'abscisse "abscisse 2"...