Javascript 自定义折线图的Yax使用ChartJS

我想在chartJS中对齐线条图网格线下方的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

我找到了两个解决方案：

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

建议：从chartjs获取刻度（例如：刻度：[0,5,10]） 并得到图表的高度。创建一些标记标签（使用html）和 追加到chartjs中（使用位置：绝对）

---

对不起，我的英语水平很差

对我来说，不清楚你想要实现什么。写入时，您希望将y轴记号标签放置在网格线上方，但（“想要显示”）图像会显示一个图表，其中y轴记号标签显示在网格线下方以及图表内部。您能澄清一下吗？对不起，我想将勾号标签显示为第二张图像。我找到了一个解决方案：。但当鼠标悬停在图表上时，勾号标签是隐藏的