title: Chart.js label right y axis where chart hit y axis
body: <p>I have a line chart that has like 8 guidelines, as below:</p>
  
  <p><a href="https://i.stack.imgur.com/9pOVA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9pOVA.png" alt="enter image description here"></a></p>
  
  <p>I want to mark right y axis with what those guidelines mean. Data points for these guidelines are all static, based on no calculation. And each dataset is identified by a percentage 5%,10%,25%,... </p>
  
  <p>Chart.js provide a way to put labels on right and left y axis as below:</p>
  
  <pre><code>yAxes: [{
      id: 'A',
      type: 'linear',
      position: 'left',
      ticks: {
          beginAtZero: true,
          min: minY,
          max: maxY
    }
  },
  {
      id: 'B',
      type: 'linear',
      position: 'right',
      ticks: {
          min: 0,
          max: 100
      }
  }]
  </code></pre>
  
  <p>which produces following result, but that's not what I want.</p>
  
  <p><a href="https://i.stack.imgur.com/FvhUh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FvhUh.png" alt="enter image description here"></a></p>
  
  <p>Just wondering if there is a way to achieve what I want.</p>