通过jquery ajax调用用数据动态填充Chart.js圆环图
我尝试在chart.js甜甜圈图表中从数据库中获取两个值。 不幸的是,这行不通。这些值从数据库中正确地提供给我的网页,但chart.js不使用它们 我定义了两个全局变量:通过jquery ajax调用用数据动态填充Chart.js圆环图,jquery,ajax,charts,chart.js,Jquery,Ajax,Charts,Chart.js,我尝试在chart.js甜甜圈图表中从数据库中获取两个值。 不幸的是,这行不通。这些值从数据库中正确地提供给我的网页,但chart.js不使用它们 我定义了两个全局变量: var doughnutfail = 50; var doughnutsuccess = 50; 我通过以下方式获取数据: function getdynamicdata(){ $.ajax({ type: 'POST', url: 'fill-chart.php',
var doughnutfail = 50;
var doughnutsuccess = 50;
我通过以下方式获取数据:
function getdynamicdata(){
$.ajax({
type: 'POST',
url: 'fill-chart.php',
async: false,
success: function(result) {
var returning= JSON.parse(result);
$('#failwert').html(returning[0]+"%");
$('#successwert').html(returning[1]+"%");
$('#totalwert').html(returning[2]+" Tage");
doughnutfail = returning[0];
doughnutsuccess = returning[1];
updateChartData(doughnutfail, doughnutsuccess);
},
});
}
然后我创建了新的数据变量:
function updateChartData(failin, successin){
var fail=failin;
var success=successin;
var doughnutData = [
{
value: fail,
color:"#1bbc9d"
},
{
value : success,
color : "#e84c3d"
}
];
}
该图表由以下人员调用:
var myDoughnut = new Chart(document.getElementById("myChart").getContext("2d")).Doughnut(doughnutData);
有什么想法吗?移动
新图表…
将代码放入updateChartData
功能中,谢谢您的回复。不幸的是,这没有帮助:-(我将新图表放在updateChartData函数中。如果我将警报放在doughnutData之前,它包含正确的值,但我的图形不会显示。如果我将这些值替换为静态浮点数,这一切都非常有效:-(什么是failin
和successin
变量的值?也不要使用警报,使用Firebug或Chrome开发工具。该死的,我发现了问题:我得到了字符串,在将它们转换成浮点数后,一切都很好。:-)