Je travaille sur l'obtention de la version commerciale des graphiques canvasJS à afficher sur une page HTML. Le procès a fonctionné comme un charme. Quand je suis passé à la version commerciale, j'ai eu ces problèmes avec jQuery (v1.12.0) le chargement. Pour obtenir les données sur le graphe canvasJS, j'utilise angular (v1.5.8) pour envoyer les données au graphe canvasJS (voir ci-dessous). Pourtant, quand je charge le graphique, le navigateur donne ce message d'erreur:Erreur d'importation jQuery avec CanvasJS
Error: Cannot find module 'js'
J'ai vérifié plusieurs versions de jQuery. L'équipe de canvasJS dit qu'elle est compatible avec jQuery 1.4.0 ou supérieur (jusqu'à 3.2.1). Pourtant, lorsque je lance le jQuery.getScript
dans le contrôleur, le serveur continue de répondre avec l'erreur ci-dessus. Si c'est le cas, je lance nodejs sur le backend.
Existe-t-il un moyen de résoudre ce problème ou peut-être un autre moyen de charger le script canvasJS sans utiliser 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>
Contrôleur angulaire
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();
});
});