title: How to change position of label of y-axes in chartjs?
body: <p>I have a working code like in this link: <a href="https://codesandbox.io/s/keen-darkness-x31u7?fontsize=14&amp;hidenavigation=1&amp;theme=dark&amp;file=/src/index.js" rel="nofollow noreferrer">https://codesandbox.io/s/keen-darkness-x31u7?fontsize=14&amp;hidenavigation=1&amp;theme=dark&amp;file=/src/index.js</a></p>
  <p>I want ask, is there a possibility we could change the position of yaxes label to the top? (see the expected picture below).</p>
  <p>I had actually tried the below code but it displays in the middle of gridline instead of top.</p>
  <pre><code>scales: {
      yAxes: [
        {
          ticks: {
            mirror: true,
          },
        },
      ],
  }
  </code></pre>
  <hr>
  <p><strong>Current Output:</strong></p>
  <p><a href="https://i.stack.imgur.com/uz1gM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uz1gM.png" alt="enter image description here" /></a></p>
  <p><strong>Expected Output:</strong>
  <a href="https://i.stack.imgur.com/n2ryq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n2ryq.png" alt="enter image description here" /></a></p>