javascript - 将 Chart.js 折线图上的scaleLabel(无刻度或标签)顺时针旋转 90 度

标签 javascript chart.js chart.js2 chartjs-2.6.0

如何将 yAxis 上的scaleLabel显示顺时针旋转90度?不是刻度或标签,而是通常位于 y 轴左侧的单个元素。在此示例中,包含字符串: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/

最佳答案

注释掉该行即可得到想要的效果

rotation = isLeft ? -0.5 * Math.PI : 0.5 * Math.PI;

在源代码中。

关于javascript - 将 Chart.js 折线图上的scaleLabel(无刻度或标签)顺时针旋转 90 度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46874996/

相关文章:

javascript - Chartjs 嵌套饼图/ donut chart

javascript - 如何在 Chart.js 中设置条形的默认颜色

chart.js - 在 bar chart.js 上显示图像和标签(chartjs-plugin-datalabels)

Javascript:在平面文件上存储/检索数据的最有效方法

javascript - 隐藏和显示父元素标签 JS/Jquery

javascript - 如何在 jquery 插件中添加 try catch block

javascript - 单击 JQuery 打开按钮上的链接

angular - Chart.js 在放大 8 Angular 之前不会呈现

javascript - Chart.js - 如何将标签值显示为 X 和 Y 值的百分比 - 目前始终为 100%

javascript - 如何删除 Chart.js 中轴的线/规则?