Индивидуальные оси Y линейного графика используют ChartJS

Я хочу выровнять метки делений по оси Y под линиями сетки линейной диаграммы в chartJS.

Вот что у меня есть:

Но я хочу отобразить то же самое:

Мои варианты:

options={{
        legend: { display: false },
        tooltips: {
          mode: 'index',
          intersect: false
        },
        responsive: true,
        maintainAspectRatio: false,
        scales: {
          xAxes: [
            {
              display: false,
              gridLines: {
                display: false,
                drawBorder: false
              }
            }
          ],
          yAxes: [
            {
              // display: false,
              ticks: {
                maxTicksLimit: 4,
                // labelOffset: 10,
                // display: false
              },
              pointLabels: {
                fontColor: '#E14640',
                fontSize: 11
              },
              gridLines: {
                display: true,
                drawBorder: false,
                color: '#898989',
                maxTicksLimit: 3,
                borderDash: [3, 5]
              }
            }
          ]
        },
        plugins: {
          datalabels: {
            display: false
          }
        }
      }}

Я не могу найти какую-либо опцию в настройках диаграммы, чтобы сделать такую ​​​​вещь. Пожалуйста, помогите Обновлено: 10 января 2019 г.

Я нашел два решения:

1. Используйте плагин chartjs, используйте событие плагина диаграммы, затем нарисуйте текст под линиями сетки
2. Рекомендуется: получать тики из диаграмм (в примере: тики: [0,5,10]) и получать высоту графика. Создайте несколько меток тиков (с помощью html) и добавьте в диаграммы (используйте позицию: абсолютную)

пс. Извините, мой английский очень плохой!