Discussion :

[dguil]

Bonjour,

A la lecture de la documentation officielle chartjs je crains que ce que je cherche ne soit pas possible mais à tout hasard je vous pose la question.

Je crée un graphique multi série. Une des séries (la plus importante) est un point unique. Ce point est défini par défaut par un calcul mathématique.
L'utilisateur à la possibilité de modifier les coordonnées de ce point et ainsi modifier le graphique.

Je ne voulais pas recharger tout le graphique mais simplement mettre à jour la série de donnée en question.
A la lecture de la documentation (https://www.chartjs.org/docs/latest/...es.htmlhttp://) j'ai pu supprimer la série de donnée et en créer une nouvelle mais il ne semble pas possible d'utiliser Updating sur les data.
En supprimant puis en re-créant la série celle-ci arrive en dernière position. Elle est à l'arrière plan et elle est partiellement masquée par les autres séries. En cherchant un peu sur les forums, l'ordre des tracé est géré par l'ordre des data et qu'en je rajoute une série celle-ci arrive à la fin.

Actuellement je le fais en rechargeant tout le graphique et ce n'est pas très confortable pour l'utilisateur car il voit les courbes bouger (je ne connais pas la fonction - si elle existe - pour bloquer le rafraichissement de l'écran pendant l'exécution du code).

Connaissez-vous une solution ?
J'avais pensé à conserver chaque série dans un tableau et à le trier en ordre décroissant après ajout de la nouvelle série mais cela revient à charger toutes les courbes donc la quasi-totalité du graphique.

[NoSmoking]

Bonjour,
tu peux tout à fait modifier une ou plusieurs valeurs de tes données puis faire un « refresh » du graphe.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var chartData = {
  // ici les données
};
 
// mise à jour
chartData .update();

[dguil]

Merci, cela m'a fortement aidé et m'a permis de trouver une partie de la documentation que je n'avais pas encore lu.

Voici mon code qui fonctionne.

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
    myChart.data.datasets[0].data[0] = {x: wOPN, y: dsOPN};
    myChart.update();