本文介绍了图表没有从它从 Jquery 收到的值更新的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
Use Case : I am trying to populate my chart based on the data fetched by Jquery.
$.getJSON("/dashboard/", function(data, status)
{
var test_data=data
console.log(test_data)
chart.data.datasets[0].data=test_data;
chart.update();
}
output of console.log(test_data)
data: Array(3)
0: 500
1: 200
2: 50
length: 3
However this is not updating my chart .
Chart displays no values, without any error
When i hard code the value as shown below , the chart is getting updated.
$.getJSON("/dashboard/", function(data, status)
{
var test_data=data
console.log(test_data)
chart.data.datasets[0].data=[500,200,50];
chart.update();
}
After hard coded value What is the trick i am missing here?
Update
The problem was that i was not using the response of Ajax in my fucntion, i have updated my code like below and it worked
$.getJSON("/dashboard/", function(response, status)
{
chart.data.datasets[0].data=response.data;
chart.update();
}
)
解决方案
Your response from API is object with data property, not just array with results
$.getJSON("/dashboard/", function(response, status)
{
chart.data.datasets[0].data = response.data;
chart.update();
}
这篇关于图表没有从它从 Jquery 收到的值更新的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！