Chart.js 如何更改chartjs中y轴标签的位置?

Chart.js 如何更改chartjs中y轴标签的位置?,chart.js,react-chartjs-2,Chart.js,React Chartjs 2,我有如下链接中的工作代码: 我想问一下,我们是否有可能将yaxes标签的位置更改为顶部?(见下图) 实际上我尝试了下面的代码,但是它显示在网格线的中间而不是顶部。 scales: { yAxes: [ { ticks: { mirror: true, }, }, ], } 电流输出: 预期输出: 不要认为这是可能的,据我所知,你能做到的就是这一点 链接: 代码: 有一种解决方法,如果将null值作

我有如下链接中的工作代码:

我想问一下,我们是否有可能将yaxes标签的位置更改为顶部?(见下图)

<>实际上我尝试了下面的代码,但是它显示在网格线的中间而不是顶部。

scales: {
    yAxes: [
      {
        ticks: {
          mirror: true,
        },
      },
    ],
}

电流输出:

预期输出:

不要认为这是可能的,据我所知,你能做到的就是这一点

链接:

代码:

有一种解决方法,如果将
null
值作为数据集中的第一个条目,并在标签数组中放置一个空字符串,则会得到以下结果:

镜子实际上可以将yaxes标签移动到内部。唯一的问题是向上移动标签,使其不会与x轴网线相交。为此,您可以使用labelOffset属性来实现它,然后您还可以放置一些填充来将标签从y线稍微移动一点

labelOffset—从刻度的中心点偏移标签的距离(x轴在x方向,y轴在y方向)

总之,您的代码如下所示:

yAxes: [
    {
        ticks: {
            mirror: true,
            padding: -10,
            labelOffset: -10
        }
    }
]

yAxes: [
    {
        ticks: {
            mirror: true,
            padding: -10,
            labelOffset: -10
        }
    }
]