Django не обновляет круговую диаграмму при успешном событии ajax?

Я хочу изменять значения в круговой диаграмме при каждом событии onchange в теге. Но каждый раз, когда происходит onchange, круговая диаграмма просто исчезает. Вот как выглядит мой код ajax:

            $( "#date" ).change(function() {
                  $form=$('#form');
                    var datastring = $form.serialize();
               var date=$('#month_date').val();
        $.ajax({
                        url : '{% url 'here:pie_charts' %}',
                        type : 'GET',
                        data : {
                            'date': date,

                        },
                        dataType:'html',
                        success : function(data) {
                            data: datastring,
                            $('#form').html(data);
                        },
                    });
                    return false;

      });

Представление Django возвращает следующее:

 return HttpResponse(render_to_string(form_template, context, request))

Моя круговая диаграмма : I не обновляется при событии успеха ajax, вместо этого она исчезает.

var arr = [];

// append multiple values to the array
//some_value is the value from context .
arr.push({{some_value}}, {{some_value}});
  var config = {
    type: "pie",
    data: {
      datasets: [
        {
          data:arr,
          backgroundColor: [""],
          label: "People",
        },
      ],
      labels: ["some_labels'],
    },
    options: {
      responsive: true,
      maintainAspectRatio: true,
    },
  };

  window.onload = function () {
    var ctx = document.getElementById("pie-chart").getContext("2d");
    window.myPie = new Chart(ctx, config);

  };
 </script>

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