Поверните на 90 градусов по часовой стрелке scaleLabel (без отметок или меток) на линейном графике Chart.js
Как я могу повернуть на 90 градусов по часовой стрелке отображение scaleLabel на YAXIS? Не галочки или ярлыки, а отдельный элемент, который обычно находится на левой стороне оси. В этом примере, содержащем строку: labelString:'My Label'
var options = {
type: 'line',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [
{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
borderWidth: 1
},
{
label: '# of Points',
data: [7, 11, 5, 8, 3, 7],
borderWidth: 1
}
]
},
options: {
scales: {
yAxes: [{
scaleLabel:{
display:true,
labelString:'My Label'
},
ticks: {
reverse: false
}
}]
}
}
}
var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);
Мой jsfiddle: https://jsfiddle.net/aq57fxjp/
1 ответ
Вы можете получить желаемый эффект, закомментировав строку
rotation = isLeft ? -0.5 * Math.PI : 0.5 * Math.PI;
в исходном коде.