Gráfico estático de Highcharts con datos csv externos y nota al pie dinámica

Nov 24 2020

Tengo un gráfico highcharts, que consiste en un código javascript estático y datos csv dinámicos externos. (Los datos CSV externos se actualizan a diario, el código Javascript permanece sin cambios). Ahora me gustaría agregar una nota a pie de página, por ejemplo, usando "título", que también debería ser dinámico. ¿Cómo puedo hacer que el pie de página sea dinámico?

El ejemplo de jsfiddle está aquí: 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.'
}

Respuestas

1 ppotaczek Nov 25 2020 at 08:59

Obtiene datos csv en el loadevento y actualiza su gráfico con una respuesta formateada, por ejemplo:

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

Demostración en vivo: jsfiddle

Referencia de API: api.highcharts.com