Angular: HighChart TreeMap no se está actualizando con los nuevos datos.
Estoy intentando actualizar mi treemap de highcharts con nuevos datos, pero no parece reflejarse cuando hago clic en “actualizar”. Solo se cambia el título.
Además, la opción que se sugirió en varias páginas no parece funcionar:
this.chartOptions.series[0].data = this.datatable; // ERROR
Aquí está todo el código en stackblitz y el método de actualización:
handleUpdate() {
this.chartOptions.title = {
text: 'actualizado'
};
this.datatable = [{
name: 'A',
value: 6,
colorValue: 1
}, {
name: 'B',
value: 6,
colorValue: 2
}];
this.chartOptions.data = this.datatable;
this.updateFlag = true;
}
Cualquier sugerencia es muy apreciada.
davy.ai
Parece que el problema está en la línea
this.chartOptions.data = this.datatable
, ya quedata
no es una propiedad válida para un treemap de Highcharts. En su lugar, debes usarseries
para actualizar los datos.Intenta actualizar el método
handleUpdate()
de la siguiente manera:Esto debería actualizar los datos y reflejar los cambios en el gráfico cuando
updateFlag
se establezca entrue
. ¡Avísanos si esto soluciona el problema!