我尝试获取从 MySQL 检索的 php 数据,将 json 编码到 JavaScript 文件中以绘制折线图。
我的 json 数据看起来像
php data.php
[
{"x":"1","y":"925"},{"x":"2","y":"1000"},{"x":"3","y":"1000"},{"x":"4","y":"11"},{"x":"5","y":"52"},{"x":"6","y":"84"},{"x":"7","y":"109"},{"x":"8","y":"132"},{"x":"9","y":"270"},{"x":"10","y":"291"},{"x":"11","y":"306"},{"x":"12","y":"330"},{"x":"13","y":"356"},{"x":"14","y":"374"},{"x":"15","y":"395"},{"x":"16","y":"411"},
...
{"x":"33","y":"887"},{"x":"34","y":"905"},{"x":"35","y":"921"},{"x":"36","y":"940"},{"x":"37","y":"1000"},{"x":"38","y":"1000"}
]
当尝试将此数据解析为我的 js html 并在浏览器中打开该页面时,它没有任何内容:
<script src="jquery.js"></script>
<script src="canvas/canvasjs.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.getJSON("data.php", function (result) {
var chart = new CanvasJS.Chart("chartContainer",
title:{
text: "Documents"
}
{
data: [{dataPoints: result}]
});
chart.render();
});
});
</script>
</head>
有人看出这里出了什么问题吗?或者可以给出一些如何解决此问题的提示? 我正在查看 chrome 的开发者工具,但没有显示任何错误。 谢谢
最佳答案
您在这里似乎缺少一个逗号:
text: "Documents"
} // <-- There
{
data: [{dataPoints: result}]
将其替换为:
text: "Documents"
}, // <-- There
{
data: [{dataPoints: result}]
关于javascript - json数据未解析成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21705487/