javascript - json数据未解析成

标签 javascript php json canvas

我尝试获取从 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/

相关文章:

javascript - 如何缩放背景图像并使其与浏览器大小一起使用

javascript - 如何垂直列出字符串输出并相应地对其进行编号?

php - 使用一个 SSL 证书安全地将数据发布到多个服务器并从多个服务器发布数据?

json - 正确创建 JSON 文件并从中读取

javascript 通过单击缩略图更改图像

javascript - 滚动时固定 html 表头

php - 我想用 javascript 代码替换该 html 代码?

PHP上传和带宽/流量问题

json - Json 数组的 Avro 模式

java - 如何在Java中使用GSON转换JSON对象?