Добавление разрыва строки в раздел ярлыков Chart.js (2.7.2)

Я заполняю массив меток данными из моего API.

var chartData = {
    labels: [],
    datasets: [{
        yAxisID: 'Seconds',
        label: 'Min',
        backgroundColor: 'rgb(139, 0, 0)',
        data: []
    }, {
        label: 'Avg',
        backgroundColor: 'rgb(34,139,34)',
        data: []
    }, {
        label: 'Max',
        backgroundColor: 'rgb(255,165,0)',
        data: []
    }]
};

Вот мой JS:

initJobHealth()
    .then(function(data){
        data.map(function (job) {
            var avg = job.job_duration_avg / 1000;
            avg = avg.toFixed(2);
            var max = job.job_duration_max / 1000;
            max = max.toFixed(2);
            var min = job.job_duration_min / 1000;
            min = min.toFixed(2);
            var sampleS = job.jobs_sample_size;
            var br = document.createElement("BR");
            chartData.labels.push(job.job_type + br + 'Sample Size ' + sampleS );
            chartData.datasets[0].data.push(min);
            chartData.datasets[1].data.push(avg);
            chartData.datasets[2].data.push(max);
        })
    })
    .then(initChart)

Цель состоит в том, чтобы вставить разрыв строки в раздел chartData.labels.push между job.job_type и строкой Sample Size. Когда я вставляю var br между ними и просматриваю вывод на моем локальном хосте вместо разрыва строки, я получаю [объект HTMLBRElement]

Вот где я хочу, чтобы был SampleS

Данные для job.job_type && SampleS = jobs_sample_size

Просмотр при добавлении var br в раздел chartData.labels.push просмотр при добавлении var br

Просмотр при редактировании кода в chartData.labels.push (job.job_type + br.outerHTML + 'Sample Size' + sampleS); Просмотр при редактировании кода