2017-11-08 4 views
0

angular-chart.js 막대 차트의 예는 here입니다. 여기에서 나는 그와 같은 약간의 수정과 함께 jsmarkup 코드를 사용했다.각도 차트에 문서가 맨 위에있는 시리즈가 표시되지 않습니다

HTML

<body ng-app="app"> 
    <div class="row"> 
     <div class="col-md-6"> 
      <div ng-controller="BarCtrl"> 
       <canvas id="bar" class="chart chart-bar" 
        chart-data="data" chart-labels="labels" chart-series="series" chart-options="options" > 
       </canvas> 
      </div> 
     </div> 
    </div> 

JS 더보기 https://plnkr.co/edit/jIqY72Lg4YvkMNbmawyC?p=preview

에 대한

var app = angular.module('app', ['chart.js']); 
app.controller('BarCtrl', ['$scope', function($scope){ 
     $scope.labels = ['PDM', 'R&D', 'SN', 'MB']; 
     $scope.series = ['Late', 'NoLate']; 

     $scope.data = [ 
     [10,2,1,2], 
     [5,3,2,4] 
     ]; 
}]); 

그러나 문제는 내 코드가 표시되지 않습니다이다 표시된 옵션과 같습니다. enter image description here

내가 뭘 잘못 했습니까? 그것은 좋은 일

$scope.options = { 
    legend: { 
     display: true, 
     position: 'top' 
    } 
    }; 

DEMO

답변

1

, +1
+0

당신은 옵션에서 구성해야 –