2017-09-23 73 views
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(); 

}); 

}); 

回答

0

你能确保你的jQuery卖主角供应商库之前加载,其他然后,你可以写多一点关于你的包的过程,如果你有一个。