在Angularjs中實現chart.js

Question

我正在使用angularjs創建項目。 在我的項目中，我正在使用chart.js庫實現圖表。實現圖表時遇到問題。在正常的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]
                        };

這是普通JavaScript中的punker，但我想要這個

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

目前，我正在使用以下圖表：

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

但是這里沒有給出內部細節

Answer 1

在chart.js之上構建了一個非常不錯的角度模塊。 要在有角度的應用程序中使用chart.js，可以使用angular-chart.js