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