2016-08-18 3 views
0

저는 Chart.js에 스택 막대 차트를 만들려고했습니다. 모든 업데이트에서 슬라이드 애니메이션을 사용했기 때문입니다. Chartist는 쉽게 생성 가능한 가로 막 대형 차트가 있지만 모든 업데이트에서 차트를 다시 만들어야합니다. (나는 그것을 움직이기 위해 노력했지만 너무 멍청해서 어떤 이유로 그것을 할 수 없다).Chart.js (또는 Chartist)를 사용하여 누적 형 막대 차트를 만드는 방법은 무엇입니까?

내가 사용하고있는 코드는 거의 문자 그대로 jtblin의 github에서 찢어졌지만 어떤 이유로 든 나를 위해 스택되지 않습니다. 막대는 서로 옆에 앉아 있습니다. 그의 차트에 대한 링크는 다음과 같습니다 : http://jtblin.github.io/angular-chart.js/examples/stacked-bars.html. 컨트롤러 링크 : http://jtblin.github.io/angular-chart.js/examples/app.js.

내 코드를 찾으십시오. 무엇이 잘못 되었습니까?

function chartJsWaveCtrl($scope) { 
    $scope.labels = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']; 
    $scope.type = 'StackedBar'; 
    $scope.series = ['2015', '2016']; 
    $scope.options = { 
     scales: { 
     xAxes: [{ 
      stacked: true 
     }], 
     yAxes: [{ 
      stacked: true 
     }] 
     } 
    }; 

    $scope.data = [ 
     [65, 59, 90, 81, 56, 55, 40], 
     [28, 48, 40, 19, 96, 27, 100] 
    ]; 
} 

원본 프레임 워크는 blur-admin에서 비롯됩니다 (임의의 값인 경우).

광산 : my non-stacked bar chart using chart.js Jtblin의 : jtblin's stacked bar chart using chart.js

을주의를 (그리고 나는이 문제의 핵심 것 같아요) : 난 그것을 표시하는 방법을 묘사

이미지 Chart.JS 1.0.2를 사용합니다.

누군가가 Chartist를 사용하여 애니메이션을 적용하는 방법을 알려 주시면 큰 도움이 될 것입니다. 그것은 잘 업데이 트, 잘 쌓아, 내가 원하는 모든 것을 가지고 있지만, 나는 그것을 움직일 수 없습니다. 나는 .on ('draw')을해야한다고 생각 하겠지만, 나는 어떻게해야할지 모른다.

답변