将 JSON 放入 d3.js 文件

Question

我有一个使用d3.js 创建的图表，如果您将鼠标悬停在月份上，则会找到每周得分。

小提琴链接到我在这里谈论的图表：https://jsfiddle.net/qp7L1hob/1/

我的数据库中还有一个表，我在其中维护员工每周的得分记录。您在这里看到的只是四个星期 -（第 1 周到第 4 周），但在我的数据库中，我记录了所有每个月的几个星期。这仅供参考。

桌分评分： 用户登录后，我只想显示该人的相关分数。假设 Rob 登录，他的第 1 周分数是 47，第 2 周是 44，第 3 周是 44，第 4 周是 43。

问题：我是来自SQL 服务器的Using php to extract json。在PHP 文件下面就是这样做的。

问题是我如何将JSON 放入d3.js 文件中，即上面的小提琴。

请帮忙。

json 文件（让我们将其命名为data.php）：我知道我需要在上面的d3.js 文件中包含这个data.php。但不确定如何。

<?php
session_start();
$servername="xxxxxxx";
$connectioninfo=array('Database'=>'xxxxxx');
$conn=sqlsrv_connect($servername,$connectioninfo);
if($conn)
{
echo 'connection established';

}
else
{
echo 'connection failure';
die(print_r(sqlsrv_errors(),TRUE));
}

$q1="SELECT WeekNumber,pointsRewarded,EmployeeID FROM pointsBadgeTable WHERE EmployeeID = '" . $_SESSION['id'] . "' ";
$stmt=sqlsrv_query($conn,$q1);
if($stmt==false)
{
echo 'error to retrieve info !! <br/>';
die(print_r(sqlsrv_errors(),TRUE));
}
do {
    while ($row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)){
       $result[] = $row;
    }
} while (sqlsrv_next_result($stmt));


sqlsrv_free_stmt($stmt);
sqlsrv_close($conn); //Close the connnectiokn first
echo json_encode($result); //You will get the encoded array variable
?>

Answer 1

让我给你一个理解的方向，你可以使用AJAX调用你的php文件并获取数据

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       var dataObj = JSON.parse(response.responseText); // parse data into JSON object
       chartDrawFunction(dataObj); // call draw here, to load chart only when you have data

    }
};
xhttp.open("GET", "data-url-to-be-passed", true); // pass the URL here
xhttp.send();

更新

如果 PHP 文件与视图分开，我会以其他方式理解这个问题。在视图中，您可以在 JavaScript 变量中回显数据，例如

var data = <?php echo data; ?>;