Graphique Highcharts statique avec données csv externes et note de bas de page dynamique

Question

J'ai un graphique highcharts, qui se compose d'un code javascript statique et de données csv dynamiques externes. (Les données CSV externes sont mises à jour quotidiennement, le code Javascript reste inchangé). Maintenant, je voudrais ajouter une note de bas de page, par exemple en utilisant "légende", qui devrait également être dynamique. Comment puis-je rendre le pied de page dynamique?

L'exemple jsfiddle est ici: https://jsfiddle.net/martindfurrer/kx5ebgny/

caption: {
   text: 'The Javascript code is static, the data is in a csv file. This text 
      should also be dynamic, i.e. should be read out of the csv file.'
}

Answer 1

Vous obtenez des données csv dans l' loadévénement et mettez à jour votre graphique avec un resposne formaté, par exemple:

    chart: {
        events: {
            load: function() {
                fetch('https://demo-live-data.highcharts.com/vs-load.csv')
                    .then(response => response.text())
                    .then(data => {
                        this.update({
                            caption: {
                                text: data
                            }
                        });
                    });
            }
        }
    }

---

Démo en direct: jsfiddle

Référence API: api.highcharts.com