Statische Highcharts-Grafik mit externen CSV-Daten und dynamischer Fußnote

Nov 24 2020

Ich habe eine Highcharts-Grafik, die aus einem statischen Javascript-Code und externen dynamischen CSV-Daten besteht. (Die externen CSV-Daten werden täglich aktualisiert, der Javascript-Code bleibt unverändert). Jetzt möchte ich eine Fußnote hinzufügen, zB mit "Beschriftung", die auch dynamisch sein sollte. Wie kann ich die Fußzeile dynamisieren?

Das jsfiddle-Beispiel ist hier: 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.'
}

Antworten

1 ppotaczek Nov 25 2020 at 08:59

Sie erhalten im loadEreignis CSV- Daten und aktualisieren Ihr Diagramm mit einem formatierten Resposne, zum Beispiel:

    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
                            }
                        });
                    });
            }
        }
    }

Live-Demo: jsfiddle

API-Referenz: api.highcharts.com