chart.js - 如何更改chartjs中y轴标签的位置？

Question

我想问一下，有没有可能我们可以将 yaxes 标签的位置更改为顶部？（见下面的预期图片）。

我实际上已经尝试过下面的代码，但它显示在网格线的中间而不是顶部。

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

电流输出：

预期输出：

score 2 · Accepted Answer

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

labelOffset - 从刻度中心点偏移标签的距离（以像素为单位）（x 轴在 x 方向，y 轴在 y 方向）。

总而言之，您的代码如下所示：

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

score 0 · Accepted Answer

不要认为这是可能的，据我所知，你可以做到这一点。

代码：

scales: {
    yAxes: [
      {
        ticks: {
          padding: -30
        }
      }
    ]
  }

有一个解决方法，如果您将一个null值作为数据集中的第一个条目并在标签数组中输入一个空字符串，您将得到：

2 回答 2