用于呈现与.getJSON不兼容的图表的Javascript

时间:2015-04-15 15:31:14

标签: json node.js mongodb express

更正:/ devicedata到/ 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>

是否有替代.getJSON来从数据库中检索数据(在本例中为mongo)?该图表呈现为空白画布

0 个答案:

没有答案