var ctx = document.getElementById('myChart-2').getContext('2d'); var chart = new Chart(ctx, { type: 'horizontalBar', data: { labels: [ 'Калуш', 'Коломия', 'Івано-Франківськ' ], datasets: [{ label: false, backgroundColor: [ '#42a5f5', '#1976d2', '#0d47a1' ], data: [ 66400, 61300, 260600 ] }] }, 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] + ''; } } }, } });