1
我正在努力使canvasJS图形的商业版本显示在HTML页面上。审判工作像一个魅力。当我转换到商业版本时,我用jQuery(v1.12.0)加载它时遇到了这些问题。使用CanvasJS引发jQuery导入错误
要将数据传输到canvasJS图形,我使用angular(v1.5.8)将数据发送到canvasJS图形(请参阅下文)。然而,当我加载图表时,浏览器给出了这个错误信息:
Error: Cannot find module 'js'
我已经检查了许多jQuery版本。 canvasJS团队表示它与jQuery 1.4.0或更高版本(高达3.2.1)兼容。但是,当我在控制器中运行jQuery.getScript
时,服务器将继续响应上述错误。如果这个问题,我在后端运行nodejs。
有没有办法解决这个问题,或者另一种方式来加载canvasJS脚本而不使用jQuery?
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script
src="https://code.jquery.com/jquery-1.12.0.js"
integrity="sha256-yFU3rK1y8NfUCd/B4tLapZAy9x0pZCqLZLmFL3AWb7s="
crossorigin="anonymous"></script>
角控制器
app.controller('chartController', function ($scope, $http, $filter) {
jQuery.getScript("commercial/canvasjs.js", function(){
$scope.chart = new CanvasJS.Chart("chart", {
title: {
text: ""
},
axisY: {
labelFontSize: 16,
},
axisX: {
labelFontSize: 16,
},
data: [
{
dataPoints: [
{ label: "apple", y: 10 },
{ label: "orange", y: 15 },
{ label: "banana", y: 25 },
{ label: "mango", y: 30 },
{ label: "grape", y: 28 }
]
}
]
});
$scope.chart.render();
});
});