Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/287.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
Javascript 使用ajax将数据从php发送到图表_Javascript_Php_Ajax_Chart.js - Fatal编程技术网

Javascript 使用ajax将数据从php发送到图表

Javascript 使用ajax将数据从php发送到图表,javascript,php,ajax,chart.js,Javascript,Php,Ajax,Chart.js,我对使用chart.js和php是新手。我想用ajax将模型中的数组数据发送到图表中,因为我们当然不能用javascript编写ph脚本 这是我的模型 class Chart_model extends CI_Model { public function getJK() { return $query = $this->db->query("SELECT SUM(IF(jk='Laki-laki',1,0)) AS jumlah_pria, SUM

我对使用chart.js和php是新手。我想用ajax将模型中的数组数据发送到图表中,因为我们当然不能用javascript编写ph脚本

这是我的模型

class Chart_model extends CI_Model {

    public function getJK()
    {
        return $query = $this->db->query("SELECT SUM(IF(jk='Laki-laki',1,0)) AS jumlah_pria, SUM(IF(jk='Perempuan',1,0)) AS jumlah_perempuan FROM penduduk")->row_array();
    }
}
这是我的chart.js

var ctx = document.getElementById("jenisKelamin");
var myPieChart = new Chart(ctx, {
    type: 'pie',
    data: {
        labels: ["Perempuan", "Laki-laki"],
        datasets: [{
            data: [],
            backgroundColor: ['#1cc88a', '#4e73df'],
            hoverBackgroundColor: ['#17a673', '#2e59d9'],
            hoverBorderColor: "rgba(234, 236, 244, 1)",
        }],
    }
});

如何使用ajax将行数组数据发送到图表?我在谷歌上搜索过,但很多都使用了旧的chart.js语法,谢谢。

您可能会希望使用AJAX请求获取数据并将其显示在您的网页上。在Javascript文件中,您可以请求JSON格式的数据,然后js脚本可以处理这些数据


我在上找到了这方面的教程,它使用JQuery$.post()方法。

您可能希望使用AJAX请求获取数据并将其显示在您的网页上。在Javascript文件中,您可以请求JSON格式的数据,然后js脚本可以处理这些数据

我在上找到了这方面的教程,它使用JQuery$.post()方法