Je n'arrive pas à obtenir un graphique simple en utilisant angulaire.ChartJs Directive angulaire - chart [chartType] n'est pas une fonction
J'ai une carte JS mise en place en utilisant "angular-chartjs-directive": "^ 1.0.0" dans mon bower. Ceci est injecté correctement en fonction de la source de mon fichier.
J'ai alors ce que mon contrôleur:
export class MainController {
constructor ($scope) {
'ngInject';
this.createGraph($scope);
}
createGraph($scope) {
var vm = this;
vm.messages = [{msg: "hello"}];
var data = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
{
fillColor : "rgba(220,220,220,0.5)",
strokeColor : "rgba(220,220,220,1)",
pointColor : "rgba(220,220,220,1)",
pointStrokeColor : "#fff",
data : [65,59,90,81,56,55,40]
},
{
fillColor : "rgba(151,187,205,0.5)",
strokeColor : "rgba(151,187,205,1)",
pointColor : "rgba(151,187,205,1)",
pointStrokeColor : "#fff",
data : [28,48,40,19,96,27,100]
}
]
}
$scope.myChart = data;
}
}
Et dans mon principal html:
<div class="container">
<chart value="myChart"></chart>
</div>
Mais je reçois l'erreur:
TypeError: chart[chartType] is not a function
Toutes les idées?
Merci pour cela. J'ai trouvé un moyen de le faire fonctionner. J'ai changé la version de chart.js en 1.1.1 puis à la place de cette ligne: $ scope.myChart = data; J'ai utilisé: $ scope.myChart = {"données": données, "options": {}} –
@DarrenKeen. marquer comme réponse si cela a aidé – Sajeetharan