2017-09-23 72 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賣主角供應商庫之前加載,其他然後,你可以寫多一點關於你的包的過程,如果你有一個。