angular-chartjs 꺾은 선형 차트 TypeError : t.merge가 함수가 아닙니다.

Question

꺾은 선형 차트 예제 @http://jtblin.github.io/angular-chart.js/을 사용하려고합니다. 다음과 같은 오류가 발생합니다. 누구든지 어떤 조언을 해줄 수 있습니까?

error in console

다음은 내 코드입니다. 나는 ui-view에서 html을 이동 시켜서 각도에 문제가 있는지보기는했지만 레이아웃 페이지에서도 작동하지 않습니다. 꽤 많은 사본이 웹 사이트에서 예제 코드를 붙여 넣었다.

angular.module('app').controller(controllerId, [ 
 
     '$scope', function ($scope) { 
 
      //Line Chart 
 
      $scope.lineLabels = ["January", "February", "March", "April", "May", "June", "July"]; 
 
      $scope.lineSeries = ['Series A', 'Series B']; 
 
      $scope.lineData = [ 
 
       [65, 59, 80, 81, 56, 55, 40], 
 
       [28, 48, 40, 19, 86, 27, 90] 
 
      ]; 
 
      
 
      $scope.lineDatasetOverride = [{ yAxisID: 'y-axis-1' }, { yAxisID: 'y-axis-2' }]; 
 
      $scope.lineOptions = { 
 
       scales: { 
 
        yAxes: [ 
 
         { 
 
          id: 'y-axis-1', 
 
          type: 'linear', 
 
          display: true, 
 
          position: 'left' 
 
         }, 
 
         { 
 
          id: 'y-axis-2', 
 
          type: 'linear', 
 
          display: true, 
 
          position: 'right' 
 
         } 
 
        ] 
 
       } 
 
      }; 
 
      } 
 
]);

<div class="box box-info"> 
 
    <div class="box-header with-border"> 
 
     <h3 class="box-title">Line Chart</h3> 
 
     <div class="box-tools pull-right"> 
 
      <button type="button" class="btn btn-box-tool" data-widget="collapse"> 
 
       <i class="fa fa-minus"></i> 
 
      </button> 
 
      <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button> 
 
     </div> 
 
    </div> 
 
    <div class="box-body"> 
 
     <div class="chart"> 
 
      <canvas id="line" class="chart chart-line" chart-data="lineData" 
 
        chart-labels="lineLabels" chart-series="lineSeries" chart-options="lineOptions" 
 
        chart-dataset-override="lineDatasetOverride"></canvas> 
 
     </div> 
 
    </div> 
 
    <!-- /.box-body --> 
 
</div>

Answer 1

당신의 각 버전을 확인합니다 ... 난 당신이 버전 1.2.x를를 사용하고 생각하고 아직 병합 기능을 가지고 있지 않으며, 각-chart.js이 기능을 사용합니다.

당신이 할 수있는 것은,이 코드를 사용 각도 로딩 후를 넣어 차트를로드하기 전에입니다 ...

if (!angular.merge) { 
    angular.merge = (function mergePollyfill() { 
    function setHashKey(obj, h) { 
     if (h) { 
     obj.$$hashKey = h; 
     } else { 
     delete obj.$$hashKey; 
     } 
    } 

    function baseExtend(dst, objs, deep) { 
     var h = dst.$$hashKey; 

     for (var i = 0, ii = objs.length; i < ii; ++i) { 
     var obj = objs[i]; 
     if (!angular.isObject(obj) && !angular.isFunction(obj)) continue; 
     var keys = Object.keys(obj); 
     for (var j = 0, jj = keys.length; j < jj; j++) { 
      var key = keys[j]; 
      var src = obj[key]; 

      if (deep && angular.isObject(src)) { 
      if (angular.isDate(src)) { 
       dst[key] = new Date(src.valueOf()); 
      } else { 
       if (!angular.isObject(dst[key])) dst[key] = angular.isArray(src) ? [] : {}; 
       baseExtend(dst[key], [src], true); 
      } 
      } else { 
      dst[key] = src; 
      } 
     } 
     } 

     setHashKey(dst, h); 
     return dst; 
    } 

    return function merge(dst) { 
     return baseExtend(dst, [].slice.call(arguments, 1), true); 
    } 
    })(); 
} 

여기에서했다 : deep merge objects with AngularJS