chartjs:尝试旋转y轴标签

时间:2017-07-25 14:43:13

标签: chart.js

我尝试了maxRotaterotate之类的内容,将它们放在scaleLabel中等等。我无法在文档中找到任何内容,谷歌上的搜索结果也没有多大帮助。

  var myChart = new Chart(ctx, {
  type: 'line',
  data: chartData,
  options: {
      elements: {
        point: {
          radius: 0
        }
      },
      scales: {
          yAxes: [{
              ticks: {
                  beginAtZero:true
              },
              scaleLabel: {
                display: true,
                labelString: 'MW',
              },
          }],
          xAxes: [
            {
              gridLines: {
              display: false ,
              color: "#FFFFFF"
            },
            ticks: {
              callback: function(tick, index, array) {
                return (index % 2) ? "" : tick;
              }
            }
          }]
      }
  }
});

1 个答案:

答案 0 :(得分:0)

您可以使用tick属性在Chart.js 2.0中旋转Y轴。这里有一个链接。

yAxes: [{
  ticks : {
    minRotation : 90
  }
}]

在这里拨弄:https://jsfiddle.net/acmfk5p8/

有一个重复的问题here,但也没有答案。