Gráfico estático Highcharts com dados csv externos e nota de rodapé dinâmica

Nov 24 2020

Eu tenho um gráfico de highcharts, que consiste em um código javascript estático e dados csv dinâmicos externos. (Os dados CSV externos são atualizados diariamente, o código Javascript permanece o mesmo). Agora eu gostaria de adicionar uma nota de rodapé, por exemplo, usando "legenda", que também deve ser dinâmica. Como posso tornar o rodapé dinâmico?

O exemplo jsfiddle está aqui: 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.'
}

Respostas

1 ppotaczek Nov 25 2020 at 08:59

Você obtém dados csv no loadevento e atualiza seu gráfico com uma resposta formatada, por exemplo:

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

Demonstração ao vivo: jsfiddle

Referência da API: api.highcharts.com