将JSON转换为d3.js文件

时间:2017-01-09 08:10:29

标签: javascript php sql-server json d3.js

我有一个使用String file = "c:\\poitest.xlsx"; FileOutputStream outputStream = new FileOutputStream(file); Workbook wb = new XSSFWorkbook(); CellStyle unlockedCellStyle = wb.createCellStyle(); unlockedCellStyle.setLocked(false); Sheet sheet = wb.createSheet(); sheet.protectSheet("password"); Row row = sheet.createRow(0); Cell cell = row.createCell(0); cell.setCellValue("TEST"); cell.setCellStyle(unlockedCellStyle); wb.write(outputStream); outputStream.close(); 创建的图表,如果您将鼠标悬停在这几个月,则会找到每周分数。

我在这里谈论的图表的链接:https://jsfiddle.net/qp7L1hob/1/

我的数据库中还有一张表,我每周都会记录员工的得分记录。你在这里看到的只有四周 - (第1周到第4周),但在我的数据库中,我有所有的记录。这几个星期。这仅供参考。

表pointsScored: score 在用户登录后,我想只显示该人的相关分数。可以说,如果Rob登录,他的第1周得分为47,第2周为44,第3周为44,第4周为43。

问题:我来自d3.js服务器Using php to extract jsonSQL文件下面会这样做。

问题是如何将PHP放入JSON文件中,即上述小提琴。

请帮忙。

d3.js文件(我们将其命名为json):我知道我需要在上面的data.php文件中包含此data.php。但不确定如何。< / p>

&#13;
&#13;
d3.js
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分: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; ?>;