Проблема с Google Charts при использовании Python Django

Начал получать эту проблему, как только попробовал использовать 2 графика одновременно в моем html+css шаблоне.

Я делаю массивы следующим образом в моем views.py файле (отправляя в html файл как context переменную):

array1 = [["x axis", "y axis"] , ["a", 0] , ["b", 3], ["c", 1]]

array2 = [["x axis", "y axis"] , ["j", 1] , ["k", 5], ["l", 8]]

Тогда я показываю свои графики следующим образом:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['bar']});
      google.charts.setOnLoadCallback(drawChart1);

      function drawChart1() {
        var data1 = google.visualization.arrayToDataTable({{ array1|safe }});

        var options1 = {
          chart: {
            title: 'This',
            subtitle: 'That',
          },
          backgroundColor: '#FFFFFF',
          bars: 'horizontal' // Required for Material Bar Charts.
        };

        var chart1 = new google.charts.Bar(document.getElementById('barchart_material1'));

        chart1.draw(data1, google.charts.Bar.convertOptions(options1));
      }
</script>

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['bar']});
      google.charts.setOnLoadCallback(drawChart2);

      function drawChart2() {
        var data2 = google.visualization.arrayToDataTable({{ array2|safe }});

        var options2 = {
          chart: {
            title: 'this',
            subtitle: 'that',
          },
          backgroundColor: '#FFFFFF',
          bars: 'horizontal' 
        };

        var chart2 = new google.charts.Bar(document.getElementById('barchart_material2'));

        chart2.draw(data2, google.charts.Bar.convertOptions(options2));
      }
</script>

<div class="card_view">

<div id="barchart_material1" style="width: 700px; height: 300px;"></div>
</br>
</br>

<div id="barchart_material2" style="width: 700px; height: 300px;"></div>
</br>
</br>

</div>

Но затем я получаю проблему типа "Undefined renderer". Есть помощь?

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