Поверните на 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;

в исходном коде.

Другие вопросы по тегам