我的目标是创建图表并使用Canvasjs。该代码am测试在jsfiddle.net上运行良好,但在我的node.js设置上不起作用。我很困惑,我试图修复它,但是不能。请帮忙。谢谢。请参阅下面的代码:
index.js
router.get('/seare',function(req,res,next){
res.render('seare');
});
seare.ejs
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
var dataPoints = [];
$.getJSON("https://api.myjson.com/bins/45rin",function(result) {
for (var i = 0; i <= result.dataPoints.length - 1; i++) {
dataPoints.push({
label: result.dataPoints[i].label,y: parseInt(result.dataPoints[i].y)
});
}
var chart = new CanvasJS.Chart("chartContainer",{
data: [{
type: "column",dataPoints: dataPoints
}]
});
chart.render();
});
});
</script>