диаграмма. js несколько строк с разным размером набора данных

Question

Я пытаюсь создать диаграмму с диаграммой. js, которая состоит из нескольких строк. Каждая строка имеет различное количество значений и, следовательно, различный размер набора данных. Я хочу просто показать одну ось с метками для одной линии, а все остальные линии и значения должны быть вставлены между ними или иметь свою собственную ось.

Поэтому я попробовал:

let profilecanvas = document.getElementById('chart');
let ctx = profilecanvas.getContext('2d');
let profileChart = new Chart(ctx, {
  type: 'line',

  data: {
    labels: ['a', 'b', 'c', 'd'],
    datasets: [{
      xAxesID: 'x1',
      fill: 'origin',
      lineTension: 0,
      data: [5, 2, 10, 11]
    }, {
      xAxesID: 'x2',
      fill: 'origin',
      lineTension: 0,
      data: [3, 2, 3, 2, 5]
    }]
  },
  options: {
    display: true,
    scales: {
      xAxes: [{
        id: 'x1',
      }, {
        id: 'x2',
        type:'linear'
      }]
    }
  }
});

и рабочую скрипку: здесь

что радует, что он показывает именно количество точек данных, как размер массива меток. Как я мог преодолеть это?