Statyczna grafika Highcharts z zewnętrznymi danymi CSV i dynamicznym przypisem
Nov 24 2020
Mam grafikę highcharts, która składa się ze statycznego kodu javascript i zewnętrznych dynamicznych danych csv. (Zewnętrzne dane CSV są aktualizowane codziennie, kod JavaScript pozostaje niezmieniony). Teraz chciałbym dodać przypis, np. Używając "podpisu", który również powinien być dynamiczny. Jak mogę ustawić dynamiczną stopkę?
Przykład jsfiddle jest tutaj: 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.'
}
Odpowiedzi
1 ppotaczek Nov 25 2020 at 08:59
Otrzymujesz dane CSV w load
przypadku i aktualizujesz wykres za pomocą sformatowanej odpowiedzi, na przykład:
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
}
});
});
}
}
}
Demo na żywo: jsfiddle
Dokumentacja API: api.highcharts.com