Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过jquery ajax调用用数据动态填充Chart.js圆环图_Jquery_Ajax_Charts_Chart.js - Fatal编程技术网

通过jquery ajax调用用数据动态填充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',

我尝试在chart.js甜甜圈图表中从数据库中获取两个值。 不幸的是,这行不通。这些值从数据库中正确地提供给我的网页,但chart.js不使用它们

我定义了两个全局变量:

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开发工具。该死的,我发现了问题:我得到了字符串,在将它们转换成浮点数后,一切都很好。:-)