Tôi đang cố gắng hiển thị phiên bản thương mại của biểu đồ canvasJS trên trang HTML. Cuộc thử nghiệm này rất hiệu quả. Khi chuyển sang phiên bản thương mại, tôi gặp phải những vấn đề này khi tải jQuery (v1.12.0).
Để gửi dữ liệu tới biểu đồ canvasJS, tôi đang sử dụng Angular (v1.5.8) để gửi dữ liệu tới biểu đồ canvasJS (xem bên dưới). Tuy nhiên, khi tôi tải biểu đồ, trình duyệt đưa ra thông báo lỗi sau:
Lỗi: Không thể tìm thấy mô-đun 'js'
Tôi đã kiểm tra nhiều phiên bản jQuery. Nhóm canvasJS cho biết nó tương thích với jQuery 1.4.0 trở lên (tối đa 3.2.1). Tuy nhiên, khi tôi chạy jQuery.getScript trong Bộ điều khiển, máy chủ tiếp tục phản hồi với lỗi trên. Nếu điều đó quan trọng thì tôi đang chạy nodejs ở phần phụ trợ.
Có cách nào khác để giải quyết vấn đề này hoặc có cách nào khác để tải tập lệnh canvasJS mà không cần sử dụng jQuery không?
HTML
src="../../../jquery-1.12.0.js"
tính toàn vẹn="sha256-yFU3rK1y8NfUCd/B4tLapZAy9x0pZCqLZLmFL3AWb7s="
crossorigin="anonymous">
Bộ điều khiển góc
app.controller('chartController', function ($scope, $http, $filter) {
jQuery.getScript("commercial/canvasjs.js", function(){
$scope.chart = CanvasJS.Chart mới ("biểu đồ", {
tiêu đề: {
chữ: ""
},
trục Y: {
nhãnKích thước phông chữ: 16,
},
trụcX: {
nhãnKích thước phông chữ: 16,
},
dữ liệu: [
{
điểm dữ liệu: [
{ nhãn: "táo", y: 10 },
{ nhãn: "cam", y: 15 },
{ nhãn: "chuối", y: 25 },
{ nhãn: "xoài", y: 30 },
{ nhãn: "nho", y: 28 }
]
}
]
});
$scope.chart.render();
});
});
Bạn có thể đảm bảo rằng nhà cung cấp jQuery của bạn đã được tải trước thư viện nhà cung cấp Angular không, ngoài ra bạn có thể viết thêm về quy trình đóng gói nếu có.
Tôi là một lập trình viên xuất sắc, rất giỏi!