Javascript 将JSON导入d3.js文件

我用

d3.js

创建了一个图表，如果将鼠标悬停在月份上，就会找到每周的分数

我在这里谈论的图表的小提琴链接：

我的数据库中也有一个表格，用于保存员工每周的分数记录。您在这里看到的仅为四周-（第一周到第四周），但在我的数据库中，我有每月所有周的记录。这仅供参考

表点存储： 用户登录后，我只想显示该用户的相关分数。假设Rob登录，他第一周的分数是47，第二周是44，第三周是44，第四周是43

问题：我正在使用php从

SQL

服务器提取json。下面的

PHP

文件就是这样做的

问题是如何将

JSON

放入

d3.js

文件，即上面的小提琴。

请帮忙

json

文件（让我们把它命名为

data.php

）：我知道我需要在上面的

d3.js

文件中包含这个

data.php

。但不确定如何

---

让我告诉您理解的方向，您可以使用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; ?>;

var数据=；

我不确定您将数据输入D3.js是什么意思。如果仔细观察，则在显示工具提示（周信息）时，您正在引用数组“dataWeeks”。一种方法是首先填充数组，然后生成图形。将数据周（由端点的数据填充）传递给生成函数。@Farookkhan感谢您的输入。我是d3.js新手，因此在这里不需要什么帮助就可以将dataweeks传递给gererating函数。我无法填充数组，因为数据是动态的。但是是否可以将json中的变量回送到dataweeks中。你会怎么做？为什么我们在d3.js文件中调用Ajax？你打算如何从数据库中获取数据？我使用上述代码从数据库中获取json格式的数据。我只需要回显d3.js中的数据。我只是不知道如何做。抱歉，我可能忽略了你的问题，并以另一种方式理解了它。我已经更新了我的答案。