Блог

Главная - Вопросы по программированию - Круговая диаграмма не отображается с динамическими данными. Я использую Highchart

Круговая диаграмма не отображается с динамическими данными. Я использую Highchart

#javascript #angular #api #highcharts #angular10

#javascript #угловой #API #highcharts #angular10

Вопрос:

Здесь я вызываю API

 var chart_data = []
.
.
  success: (data) => 
  {
    var json = JSON.parse(JSON.stringify(data));
    if (json.AssessorCertificationDetailedData.StatusId == "1"){
      this.userData = json.AssessorCertificationDetailedData.StatewiseAssessorData
      for(var i in this.userData)
      {
        var item = this.userData[i];
        chart_data.push([
          item.StateName,
          item.StateId
        ])
       
      }
    }
  },
  error: function (err) {
    console.log('error:'   err);
  },
});

Вот как я передаю данные в ряды highchart.

 series: [
  {
      data: 
        chart_data
  }
]

Круговая диаграмма не отображается. Я не могу понять, в чем ошибка в моем формате данных.

Комментарии:

1. Создайте stackblitz, чтобы воспроизвести то же самое.

2. Где вы присваиваете chart_data highchart ? Назначить внутри успешного обратного вызова

3. Было бы неплохо, если бы вы могли создать простую демонстрацию с этой проблемой. Есть много вещей, которые мы не знаем, например, где вы назначаете данные, в каком формате эти данные, что может повлиять на конечный результат. Вы могли бы начать с этого: stackblitz.com/edit/highcharts-angular-basic-line