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 loadprzypadku 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