Overview

Graphique linéaire avec capacité d'empilement.

Nous avons deux modes de fonctionnement :

Dans le premier mode (que l'on pourrait appeler le mode "points successifs"), nous spécifions une valeur en x et une valeur en y pour chaque message. Cela conduit à l'affichage d'un point supplémentaire dans le graphique, et les points continuent de s'ajouter au graphique jusqu'à la quantité limite définie par l'utilisateur, puis 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 en x et en y deux tableaux de mêmes dimensions, qui définissent explicitement tous les points à afficher. Le premier tableau définit la liste des abscisses et le second tableau définit la liste des ordonnées.

Successive point mode

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

{
  "payload": {
    "prop1": "abscisse1",
    "prop2": 4
  }
}

Un point s'affiche sur le graphique, à l'abscisse "abscisse1" et à l'ordonnée 4.

Si un nouveau message est reçu :

{
  "payload": {
    "prop1": "abscisse2",
    "prop2": 4
  }
}

Un second point s'affiche, à l'abscisse "abscisse 2" et à l'ordonnée 4. Une ligne relie ensuite ces deux points.

XY Mode

Si un utilisateur configure une série "Series 1", en choisissant pour l'axe x le tableau "tab1" et pour l'axe y le tableau "tab2", alors lors de la réception du message suivant :

{
  "payload": {
    "tab1": ["abscisse1", "abscisse2"],
    "tab2": [4, 4]
  }
}

Deux points s'affichent sur le graphique, aux abscisses "abscisse1" et "abscisse2", et tous deux à l'ordonnée 4. Une ligne les relie. Lorsque de nouveaux tableaux pour x et y sont reçus, les données reçues remplacent le graphique existant. La limite du nombre de points n'a aucun sens ici et doit être ignorée.