在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