es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Angular: HighChart TreeMap no se está actualizando con los nuevos datos.

15 Jul, 2023 Programación

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.

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que el problema está en la línea this.chartOptions.data = this.datatable, ya que data no es una propiedad válida para un treemap de Highcharts. En su lugar, debes usar series para actualizar los datos.

    Intenta actualizar el método handleUpdate() de la siguiente manera:

    handleUpdate() {
  this.chartOptions.title = {
    text: 'actualizado'
  };
  this.datatable = [{
    name: 'A',
    value: 6,
    colorValue: 1
  }, {
    name: 'B',
    value: 6,
    colorValue: 2
  }];
  this.chartOptions.series[0].data = this.datatable;
  this.updateFlag = true;
}

    Esto debería actualizar los datos y reflejar los cambios en el gráfico cuando updateFlag se establezca en true. ¡Avísanos si esto soluciona el problema!

Comments are closed.