用于呈现不使用.getJSON的图表的Javascript
更正:/devicedata to/products-这是一个输入错误 我已经构建了一个node express应用程序,我正在使用它根据从mongo数据库检索到的数据绘制一个图表。我尝试了两个外部库Chart.js和Canvas.js。当数据在javascript中硬编码时,这两种方法都可以很好地工作。当我使用$.getJSON从数据库检索数据时,它就会停止工作。服务器端代码如下:用于呈现不使用.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
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。