用于呈现不使用.getJSON的图表的Javascript

用于呈现不使用.getJSON的图表的Javascript,json,node.js,mongodb,express,Json,Node.js,Mongodb,Express,更正:/devicedata to/products-这是一个输入错误 我已经构建了一个node express应用程序,我正在使用它根据从mongo数据库检索到的数据绘制一个图表。我尝试了两个外部库Chart.js和Canvas.js。当数据在javascript中硬编码时,这两种方法都可以很好地工作。当我使用$.getJSON从数据库检索数据时,它就会停止工作。服务器端代码如下: app.get('/products', function(req, res) { var db = r

更正:/devicedata to/products-这是一个输入错误

我已经构建了一个node express应用程序,我正在使用它根据从mongo数据库检索到的数据绘制一个图表。我尝试了两个外部库Chart.js和Canvas.js。当数据在javascript中硬编码时,这两种方法都可以很好地工作。当我使用$.getJSON从数据库检索数据时,它就会停止工作。服务器端代码如下:

app.get('/products', function(req, res) {
    var db = req.db;
    db.collection('products').find().toArray(function (err, items) {
       res.json(items);
    });
});
<script type="text/javascript">
$(document).ready(function () {

    $.getJSON("/products", function (result) {

        var chart = new CanvasJS.Chart("chartContainer", {
            title:{
                text: "Temperatures recorded this year"
                },
            data: [
                {
                    type: "column",
                    dataPoints: result,
                }
            ]
        });

        chart.render();
    });
});
</script>
<div id="chartContainer" style="height: 300px; width: 100%;">
</div>
客户端代码如下所示:

app.get('/products', function(req, res) {
    var db = req.db;
    db.collection('products').find().toArray(function (err, items) {
       res.json(items);
    });
});
<script type="text/javascript">
$(document).ready(function () {

    $.getJSON("/products", function (result) {

        var chart = new CanvasJS.Chart("chartContainer", {
            title:{
                text: "Temperatures recorded this year"
                },
            data: [
                {
                    type: "column",
                    dataPoints: result,
                }
            ]
        });

        chart.render();
    });
});
</script>
<div id="chartContainer" style="height: 300px; width: 100%;">
</div>

在这种情况下,是否有替代.getJSON的方法从数据库mongo检索数据?图表呈现为空白画布

您的浏览器控制台中是否存在任何错误?/devicedata路由如何适应此情况?客户端代码是否在http:///devicedata? 产品/路线是什么样子的?我已将路线代码粘贴在服务器端代码的顶部。这只是从数据库中获取json数据。[{u-id:55266aa3960e7253a8b9a200,deviceid:b827ebe4be30,cputemp:47.62},{u-id:55266c87360b2e87b32371ad,deviceid:b827ebe4be30,cputemp:48.62}]我在浏览器控制台上看不到任何错误,如@olan所说,除非你正在做的事情没有向我们展示,服务器端代码应为app.get'/products',functionreq,res。