使用Javascript-PHP实现HTML图形与MySQL

您好，下面的PHP获取的结果如下，但问题是我需要与JavaScript集成，即数据点，以图形表示方式显示相同的结果

PHP输出如下所示：

{ y: 4,label: James },
{ y: 5,label: Mathews },
{ y: 6,label: Arnold },
{ y: 7,label: William },

数据库代码：

$mysqli=mysqli_connect('localhost','root','root','Reg');




            $selname = $_POST['storedValue'];
        $query ="SELECT * FROM master WHERE  StudentRegID='$selname' ";
$result = mysqli_query($mysqli,$query)or die(mysqli_error());
$num_row = mysqli_num_rows($result);
            while($row=mysqli_fetch_array($result))
    {



      echo "{ y: ".$row[3].",label: ".$row[6]." },<br/>";

    }

mysqli_close($mysqli);

由于数据是使用ajax获取的，所以我有一个响应，并使用它将其指向数据点

 var temp =  document.getElementById("mySpan").innerHTML;

---

我最近做了一些非常类似的事情，我使用了这种方法：

Javascript:

var dps = [];
var chart = new CanvasJS.Chart("chartContainer",
    {
        title: {
            text: "Stats"
        },
        animationEnabled: true,
        height: 650,
        width: $(".slide-content").width(),
        theme: "theme2",
        data: [

            {
                type: "column",
                dataPoints: dps
            }
        ]
    });

然后通过ajax请求更新图表：

function updatechart()
{
    dps.length = 0;

    $.getJSON("http://example.com", function (result) {

        $.each(result, function() {
            dps.push(this);
        });

        chart.render();
    });

}

PHP:

---

ajax请求中的链接是否返回任何数据？

function updatechart()
{
    dps.length = 0;

    $.getJSON("http://example.com", function (result) {

        $.each(result, function() {
            dps.push(this);
        });

        chart.render();
    });

}

$output = [];

$query = mysql_query("SELECT date,value FROM `stats`");
while($row = mysql_fetch_array($query)) {

    $output[] = array("label" => "Date: ".$row[0], "y" => $row[1]);

}

$result = json_encode($output);
die($result);