如何使用 Chart.js（或 Chartist）创建 animate-on-update 堆积条形图？

Question

我一直在尝试在 Chart.js 中创建堆叠条形图，因为它在每次更新时都会播放幻灯片动画，这很好，而不是 Chartist，它可以轻松创建堆叠条形图但必须重新创建每次更新的图表（我试过让它动画化，但出于某种原因我太笨了，无法做到）。

我使用的代码几乎完全是 jtblin 的 github 的翻版，但出于某种原因，它对我来说并不堆叠：条形图只是彼此相邻。这是他的图表的 link：http://jtblin.github.io/angular-chart.js/examples/stacked-bars.html. The controller link: 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，如果有任何价值。

描述其显示方式的图像：

我的：杰布林的：

请注意（我认为这可能是问题的关键）:我正在使用Chart.JS 1.0.2.

或者，如果有人可以告诉我如何 animate-on-update 使用 Chartist，那也很好。它更新得很好，堆叠得很好，有我想要的一切，但我无法让它动画化。我想我必须做一个 .on('draw', )，但我不知道怎么做。

Answer 1

不，这不可能。在 Chart.js 2.0.0 中添加了堆积条，因此它们在 Chart.js 1.0.2 中不存在。

来源：https://github.com/chartjs/Chart.js/releases/tag/v2.0.0

真烦人¬_¬

如何使用 Chart.js（或 Chartist）创建 animate-on-update 堆积条形图？

How to create an animate-on-update Stacked Bar chart using Chart.js(or Chartist)?

javascript

angularjs

chart.js

chartist.js