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('draw', ) を実行する必要があると思いますが、方法がわかりません。