Affichage en mode "bubble" avec chart.js

International Français
1

Bonjour à toutes et à tous,

Suite à mes divers affichages pour mon routeur photovoltaïque, je voudrais faire un affichage en mode bubble.

J'arrive à afficher les axes, mais pas les valeurs. Je suppose que la syntaxe est différente de celle pour l'affichage en mode line, mais je ne trouve pas laquelle. Je suppose que le problème est concentré sur les 3 lignes marquées avec Pb ? dans le morceau de code suivant :

        function updateChart(type) {
          if (type == 1) {
            fetch('/pActive')
              .then(response => response.text())
              .then(data => {
                document.getElementById('PA').textContent = data; // Je ne me sers pas de ces valeurs pour l'instant, je cherche simplement à afficher un point.

                chart0.data.x = 0.6; // Pb ?
                chart0.data.y = 0.3; // Pb ?
                chart0.data.r = 40; // Pb ?

                chart0.update();
              });

Une idée de la bonne syntaxe ?

Cordialement.

Pierre.

2

le mode bubble attend un tableau d'objets {x, y, r}

essayez (tapé ici)

function updateChart(type) {
  if (type == 1) {
    fetch('/pActive')
      .then(response => response.text())
      .then(data => {
        document.getElementById('PA').textContent = data;
        chart0.data.datasets[0].data = [{ x: 0.6, y: 0.3, r: 40 }];
        chart0.update();
      });
  }
}

(vérifiez aussi que le dataset est bien initialisé au départ avec le type: 'bubble')

3

Merci J-M-L. Toujours pertinent ! :slightly_smiling_face:

Cordialement.

Pierre.

4

du moment que c'est pour la bonne cause :slight_smile:

5

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.