2
上記のバージョンで積み上げ棒グラフを作成して表示する際に問題が発生しました。ドキュメントでは、このトピックについて詳しく説明していません。Chart.jsバージョン2.0.0-betaで積み上げチャートを作成する方法
誰でも便利なアイデアはありますか？私は効果なしにやったことあるxAxes値、上で設定する必要があります。http://nnnick.github.io/Chart.js/docs-v2/#bar-chartで
ドキュメント
var data = {
"labels": [
"10/7/15",
"10/8/15",
"10/9/15",
"10/13/15",
"10/14/15",
"10/15/15",
"10/16/15"
],
"datasets": [{
"label": "Cash",
"backgroundColor": "blue",
"data": [
"100000",
"150000",
"120000",
"140000",
"90000",
"110000",
"130000"
]
}, {
"label": "Credit",
"backgroundColor": "green",
"data": [
"20000",
"-10000",
"200000",
"-110000",
"99500",
"-100000",
"11000"
]
}]
};
var options = {
responsive: true,
datasetFill: false,
scales: {
xAxes: [{
stacked: true,
barPercentage: 0.8
}]
},
};
var ctx = $('#bar_chart').get(0).getContext('2d');
var chart = new Chart(ctx, {
type: 'bar',
data: data,
options: options
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.0-beta/Chart.min.js"></script>
<canvas id="bar_chart" width="470" height="200">
</canvas>