CanvasJS 的 jQuery 导入错误

Posted 2023-03-07

【中文标题】CanvasJS 的 jQuery 导入错误

【英文标题】：jQuery Import Error With CanvasJS

【发布时间】：2018-03-04 15:04:33

【问题描述】：

我正在努力让 canvasJS 图形的商业版本显示在 html 页面上。审判就像一个魅力。当我过渡到商业版本时，我在加载 jQuery (v1.12.0) 时遇到了这些问题。

为了将数据发送到 canvasJS 图，我使用 angular (v1.5.8) 将数据发送到 canvasJS 图（见下文）。然而，当我加载图表时，浏览器会给出以下错误消息：

Error: Cannot find module 'js'

我检查了许多版本的 jQuery。 canvasJS 团队表示它与 jQuery 1.4.0 或更高版本（最高 3.2.1）兼容。然而，当我在控制器中运行jQuery.getScript 时，服务器继续响应上述错误。如果这很重要，我在后端运行 nodejs。

有没有办法解决这个问题，或者是否有其他方法可以在不使用 jQuery 的情况下加载 canvasJS 脚本？

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();

);

);

【参考方案1】：

您能否确保您的 jQuery 供应商在 Angular 供应商库之前加载，除此之外，如果您有的话，您可以写更多关于您的捆绑过程的信息。