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