如何使用Chart.js（或Chartist）创建动画更新堆积条形图？

Question

我一直在尝试在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，如果它具有任何价值。

描述其显示方式的图片：

矿： Jtblin的：

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

或者，如果有人可以告诉我如何使用Chartist进行动画更新，那也很棒。它更新很好，它堆得很好，有我想要的一切，但我不能让它动画。我认为我必须做一个.on（'画'），但我不知道怎么做。

Answer 1

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

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

这很烦人¬_¬