ChartJS将轴标签对齐到顶部

Question

ChartJS / react-chartjs-2中是否有一种方法可以将Y轴标题对齐到轴的顶部，而不是默认的垂直对齐？

换句话说，代替这个：

我想要这个：

我对Y轴的基本配置如下：

yAxes: [
  {
    scaleLabel: {
      display: true,
      labelString: '$ USD'
    }
  }
]

Answer 1

我不确定Chart.js中是否对此要求提供内置支持，但是您可以使用下面显示的代码中的任何值来填充ctx。请根据需要调整xOffset和yOffset的值。小提琴-> http://jsfiddle.net/Lzo5g01n/8/

animation: {
      duration: 1,
      onComplete: function() {
        var controller = this.chart.controller;
        var chart = controller.chart;
        var yAxis = controller.scales['y-axis-0'];
        var xOffset = chart.width - (chart.width - 5);
        var yOffset = chart.height - (chart.height - 18);
        ctx.fillText('$USD', xOffset, yOffset);
      }
    }