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);
      }
    }