Я хочу обновлять график для каждого 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();
}
}
});
});
});