Ich versuche, mit Chart.js ein Liniendiagramm mit zwei Datensätzen zu erstellen, von denen jeder eine eigene Y-Skala / Achse hat (einer links, einer rechts vom Diagramm).

Dies ist mein Code jsfiddle):

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
      }
    ]
  }
});

Die zweite Achse ist jedoch nicht sichtbar und der zweite Datensatz ist immer noch genauso skaliert wie der erste (0 bis 100 anstelle von 0 bis 1). Was muss ich ändern?