折线图的自定义YAx使用ChartJS

我想将chartJS中的折线图的gridLines下方的y轴刻度标签对齐。

这是到目前为止我得到的：

但是，我想显示相同的内容

我的选择：

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


我无法在图表选项中找到任何选项来执行此操作。请帮忙
更新时间：2019/01/10

我找到了两种解决方法：

1. 使用chartjs插件，使用chart插件事件，然后在网格线下方绘制文本


2. 推荐：从chartjs获取报价（例如：报价：[0,5,10]）
   并获得图表的高度。创建一些刻度标签（带有html），然后
   追加到chartjs（使用位置：绝对）

ps。抱歉，我的英语能力很差！