Настройка всплывающей подсказки Chart.js для смешанного графика

У меня возникла проблема при попытке настроить всплывающую подсказку для смешанной диаграммы с помощью chart.js.

У меня есть гистограмма, которая показывает общую прибыль для определенного продукта и линейную диаграмму, чтобы показать общее количество этого определенного продукта. Когда я нависаю над гистограммой, я хотел, чтобы всплывающая подсказка показывала что-то вроде:

Total profit: $ 1399.30

Цена должна быть в двух десятичном формате, прилагаемом к обороту "Общая прибыль: $". Когда я наводил курсор на линейную диаграмму, я хотел показать что-то вроде:

Quantity sold: 40 unit(s)

Вот мой код для заполнения связанного массива:

for(var i = 0 ; i < topProductList.length; i++){
    labelData.push(topProductList[i].itemName);
    amountData.push((topProductList[i].price * topProductList[i].quantity).toFixed(2));
    quantityData.push(topProductList[i].quantity);
}

Обратный вызов, когда я попытался объединить этикетку оси X, как это было предложено в @GRUNT:

tooltips: {
     callbacks: {
        title: function(t, d) {
             return d.labels[t[0].index].replace(/\n/, ' ');
        }
     }
}

Опция для моей диаграммы:

var opt = {
    type: "bar",
    data: { 
        labels: labelData, 
        datasets: [{ 
                type: "bar",
                label: 'Total Profit ',
                data: amountData, 
                },{
                type: "line",
                label: 'Quantity Sold ',
                data: quantityData, 
                }] 
        }, 
        options: options
};

На данный момент, когда я нахожу гистограмму, я получаю Total profit: 1399.3 и для линейной диаграммы. Quantity sold: 40 что не является моим желаемым результатом, как указано выше.

Любые идеи о том, как переопределить настройку наклонной подсказки?

Спасибо!