chartjs content dissapear
HTML
<script src="https://cdn.rawgit.com/nnnick/Chart.js/master/Chart.js"></script>
<script src="https://cdn.rawgit.com/Regaddi/Chart.StackedBar.js/master/src/Chart.StackedBar.js"></script>
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<canvas id="myChart" height="250" width="500"></canvas>
JavaScript
var data = {
labels: ["JAN", "FEB",],
datasets: [{
label: "Label 1",
fillColor: "#000",
strokeColor: "#000",
pointColor: "#000",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "#000",
data: [2, 3]
},
{
label: "Label 2",
fillColor: "#CCC",
strokeColor: "#CCC",
pointColor: "#CCC",
pointStrokeColor: "#000",
pointHighlightFill: "#000",
pointHighlightStroke: "#CCC",
data: [1, 2]
}]
};
var ctx = $("#myChart").get(0).getContext("2d");
var myBarChart = new Chart(ctx).StackedBar(data, {
onAnimationComplete: function() {
var ctx = this.chart.ctx;
ctx.font = this.scale.font;
ctx.fillStyle = '#FFF';
ctx.fontSize = '14px';
ctx.textAlign = "center";
ctx.textBaseline = "middle";
this.datasets.forEach(function(dataset) {
dataset.bars.forEach(function(bar) {
ctx.fillText(bar.value, bar.x, bar.y + 15);
});
});
}
});