Обновление диаграммы холста с помощью запроса ajax - PullRequest
0 голосов
/ 23 января 2019

Я хочу обновлять график для каждого ajax-запроса. Существует метод update (), как сказано в SO, но он не работает.

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

$(function() {
    $("#submitBtn").click(function() {
         $.ajax({
            type: "GET",
            url: "http://127.0.0.1:5000/boxoffice",
            contentType: "application/json; charset=utf-8",
            data: { echoValue: $('textarea[name="echoText"]').val() },
            success: function(data) {
             if ($.trim($('#echoText').val()).length > 1){
var options1 = {
    animationEnabled: true,
    title: {
        text: "Emotion in Percentage Format"
    },
    data: [{
        type: "column", //change it to line, area, bar, pie, etc
        showInLegend: true,
        dataPoints: [
            { label: "a",y: data.a},
            { label: "b",y: data.b},
            { label: "c",y: data.c},
            { label: "d",y: data.d},
            { label: "e",y: data.e},
            { label: "f",y: data.f},
            { label: "g",y: data.g},
            { label: "h",y: data.h},
            ]
        }]
};

$("#resizable").resizable({
    create: function (event, ui) {
        //Create chart.
        $("#chartContainer1").CanvasJSChart().update();
        $("#chartContainer1").CanvasJSChart(options1);
        $("#chartContainer1").CanvasJSChart().render();
    },


}); 
              }
                else{
//                   alert("Try with Some Other Data");
                     $('#panel1').hide();
                     $('#Alert').show();
                }
            }
        });     
    });
  });
...