Доброго времени суток. Есть проблема - графики на chart.js, все работает, как надо, но потребовалось над каждым столбцом диаграммы выводить значение самого столбца (значение по оси y). В ответах на этом-же stackoverflow есть несколько решений, но для версии chart.js < 2, т.е. на последних ничего подобное не хочет запускаться :(
Вот я примерно накидал маленькую диаграмму, если у кого есть решение - поделитесь - https://jsfiddle.net/fpsx4jy3
var densityCanvasS = document.getElementById("densityChartS");
var densityData = {
data: [47.1,34.05],
backgroundColor: '#107410'
};
var chartOptions = {
legend: {
display: false,
labels: {
boxWidth: 10,
fontColor: 'rgb(255, 10, 10)'
}
},
scales: {
yAxes: [{
ticks: {
beginAtZero:true,
scaleStartValue:0
}
}],
xAxes: [{
barThickness : 60
}]
}
};
var barChart = new Chart(densityCanvasS, {
type: 'bar',
data: {
labels: ['Магазин 1','Магазин 2'],
datasets: [densityData]
},
options: chartOptions
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.bundle.min.js"></script>
<div style='max-width:1000px;'><canvas id="densityChartS"> </canvas></div>