Google Scatterchart не показывает никаких данных

Я пытался создать ScatterChart в div в проекте django с помощью JS, но вместо этого в div есть только красный квадрат. Когда я пытаюсь выделить место, где он должен быть, я могу скопировать данные, но он не отображается визуально, даже когда я пытаюсь изменить цвет шрифта или ширину и высоту div.

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(() => { 
  google_carregado = true;
  atualizar_grafico();
  });

function atualizar_grafico() {
  if(!google_carregado) return;

  const dados = registros.map( e => [ e.ganho_anual, e.angle_anual ]);

  var data = google.visualization.arrayToDataTable([
    ['Angle', 'Custo'],
    ...dados
  ]);

  var options = {
    title: 'Angle vs. Custo',
    hAxis: {title: 'Angle', minValue: 0, maxValue: 50},
    vAxis: {title: 'Custo', minValue: 0, maxValue: 50},
    legend: 'none'
  };

  var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}

Вернуться на верх