var ctx = document.getElementById('myChart-5').getContext('2d'); var chart = new Chart(ctx, { type: 'bar', data: { labels: [ 'В загальному по області', 'Фінансова і страхова діяльність', 'Промисловість', 'Сільське і лісове господарство', 'Транспорт', 'Інформація і телекомунікації', 'Будівництво', 'Торгівля', 'Тимч. розм. і організація харчування' ], datasets: [{ label: false, backgroundColor: [ '#1565c0', '#1565c0', '#1565c0', '#1565c0', '#1565c0', '#1565c0', '#1565c0', '#1565c0', '#1565c0' ], data: [ 367, 500, 490, 450, 400, 366, 310, 310, 260 ] }] }, options: { responsive: true, // legend: { position: 'left', align: 'center' }, legend: { display: false }, scales: { yAxes: [{ stacked: true }], xAxes: [{ stacked: true }] }, tooltips: { mode: 'label', callbacks: { label: function(tooltipItem, data) { var indice = tooltipItem.index; return data.labels[indice] +': '+data.datasets[0].data[indice] + ''; } } }, } });