Внедрить chart.js в Angularjs

Question

Я создаю проект, используя angularjs. В моем проекте я реализую диаграммы, используя library.js library.I есть проблема при реализации диаграмм. В нормальных диаграммах javascript работают нормально, но в угловых я получил проблему в какой-то момент.

Я нормальный JavaScript:

var lineChartData = { 
      labels :[1,4,8,6,8], 
      datasets : [ 
       { 
        data : arr 
       }] 
var ctx = document.getElementById("canvas").getContext("2d"); 
     window.myLine = new Chart(ctx).Line(lineChartData, { 
     }); 
console.log(window.myLine) // 

работает нормально в обычном JavaScript, window.myLine, но я хочу это в angularjs

В AngularJs:

$scope.chartLinkData = { 
          labels: mapTimeForward, 
          data: [mapValueForward, mapValueReverse] 
         }; 

Вот plunker, который находится в обычном JavaScript , но я хочу это в угловом

https://plnkr.co/edit/CDWhpNP2KNB4ZZjuFFYM?p=preview

В настоящее время я использую графики из:

http://jtblin.github.io/angular-chart.js/

Но здесь не дается внутренняя деталь

Answer 1

Существует очень хороший угловой модуль построен на вершине chart.js. Чтобы использовать chart.js в угловом приложении, вы можете использовать angular-chart.js