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 load
Ereignis 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