title: How to use two Y axes in Chart.js v2?
body: <p>I am trying to create a line chart with two datasets, each with its own Y scale / axis (one to the left, one to the right of the graph) using Chart.js.</p>
  
  <p>This is my code (<a href="https://jsfiddle.net/zqx627kt/" rel="noreferrer">jsfiddle</a>):</p>
  
  <pre><code>var canvas = document.getElementById('chart');
  new Chart(canvas, {
    type: 'line',
    data: {
      labels: [ '1', '2', '3', '4', '5' ],
      datasets: [
        {
          label: 'A',
          yAxesGroup: 'A',
          data: [ 100, 96, 84, 76, 69 ]
        },
        {
          label: 'B',
          yAxesGroup: 'B',
          data: [ 1, 1, 1, 1, 0 ]
        }
      ]
    },
    options: {
      yAxes: [
        {
          name: 'A',
          type: 'linear',
          position: 'left',
          scalePositionLeft: true
        },
        {
          name: 'B',
          type: 'linear',
          position: 'right',
          scalePositionLeft: false,
          min: 0,
          max: 1
        }
      ]
    }
  });
  </code></pre>
  
  <p>However, the second axis is not visible and the second dataset is still scaled exactly as the first (0 to 100 instead of 0 to 1). What do I need to change?</p>