var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['Иванова Иванова', 'Иванова Иванова', 'Иванова Иванова', 'Иванова Иванова', 'Иванова Иванова', 'Иванова Иванова', 'Иванова Иванова'],
datasets: [{
label: 'Life expectancy',
data: [84.308, 84.188, 84.118, 83.706, 83.5, 83.468, 83.468],
backgroundColor: [
'rgba(216, 27, 96, 0.6)',
'rgba(3, 169, 244, 0.6)',
'rgba(255, 152, 0, 0.6)',
'rgba(29, 233, 182, 0.6)',
'rgba(156, 39, 176, 0.6)',
'rgba(84, 110, 122, 0.6)'
],
borderColor: [
'rgba(216, 27, 96, 1)',
'rgba(3, 169, 244, 1)',
'rgba(255, 152, 0, 1)',
'rgba(29, 233, 182, 1)',
'rgba(156, 39, 176, 1)',
'rgba(84, 110, 122, 1)'
],
borderWidth: 1
}]
},
options: {
legend: {
display: false
},
title: {
display: true,
text: 'Выручка по ТМ',
position: 'top',
fontSize: 16,
padding: 20
},
scales: {
xAxes: [{ticks: { maxRotation: 0, minRotation: 0, fontSize: 4, fontFamily: "'Roboto', sans-serif", fontColor: '#000', fontStyle: '500'}}],
yAxes: [{
ticks: {
min: 75
}
}]
}
}
});
Помогите пожалуйста решить задачу, не как не могу понять как в тексте по xAxes сделать перенос текста и выравнивание по центру?