Ich habe Probleme beim Erstellen und Anzeigen von gestapelten Balkendiagrammen mit der obigen Version. Docs erklären nicht viel zu dem Thema.Wie erstelle ich gestapelte Diagramme mit Chart.js Version 2.0.0-beta
Wer hat eine hilfreiche Idee?
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>
Die Dokumentation bei http://nnnick.github.io/Chart.js/docs-v2/#bar-chart wird darauf hinweist, dass „gestapelt: true“ sollte auf xAxes Werte gesetzt werden, die, was ich ohne Wirkung tat ist.