0xD34F

options: {
  tooltips: {
    enabled: false,
  },
},

Проблема в том, что рисуется только последний график. Почему?

Потому что

main.innerHTML += str;

После каждого += дочерние элементы main создаются заново. Соответственно, уже созданные графики удаляются.

Создавайте сразу всю разметку.

Или

main.insertAdjacentHTML('beforeend', str);

Или

const canvas = document.createElement('canvas');
main.appendChild(canvas);

Вы дважды определяете window.onload - естественно, второе определение затирает первое, поэтому первый график не создаётся. Объедините обе функции в одну. Или назначайте обработчики с помощью addEventListener:

window.addEventListener('load', function() {
  var ctx = document.getElementById('canvas').getContext('2d');
  window.myLine = new Chart(ctx, config);
});

После изменения значения labels надо график обновить: myChart.update().

Делаете график свойством компонента:

chartObj: Chart;

this.chartObj = new Chart(reportCtx, ...

Соответственно, данные графика станут доступны как

this.chartObj.data.datasets

После внесения туда необходимых изменений обновляете график:

this.chartObj.update();

UPD. https://stackblitz.com/edit/angular-h83adp-chartjs...

Уберите:

tooltips: {
  mode:"label"
}

Есть. Смотрите примеры в документации, multi axis.

UPD. Чего на самом деле хотел автор вопроса: по результатам обсуждения в комментариях был изготовлен график с переключением видимости осей в зависимости от видимости соответствующего набора данных (за основу взят пример line chart multi axis из документации).

Документацию пробовали открывать?

ChartJS Version: 2.4.0

Обновите минимум до 2.7.0 - иначе будут проблемы с вызовом обработчика ховера.

UPD.

Например я хочу, чтобы при наведении подсказка не вылазила, а появлялось окошко alert допустим.

Ну, как-то так можно (вместо alert пишется информация в span сверху от графика).

options: {
  scales: {
    yAxes: [ {
      ticks: {
        min: 4
      }
    } ]
  }
}

options: {
  scales: {
    xAxes: [ {
      ticks: {
        fontFamily: 'Impact, Charcoal, sans-serif'
      }
    } ]
  }
}

Так?

options: {
  scales: {
    yAxes: [ {
      ticks: {
        maxTicksLimit: 3
      }
    } ]
  }
}

У labels нет свойства position, оно относится к legend. То есть, должно быть так:

legend: {
  position: 'bottom',
  labels: {
    fontColor: 'black',
    fontFamily: 'Calibri Light',
    fontStyle: 'italic'
  }
}

То же касается и свойства display.

Добавьте данные за август - labels у вас 8 штук, а в data всего лишь семь элементов.