When I hover my chart (from Apexcharts) "[object Object]" appears

I'm using angular 11 and apexcharts 3.19.0. When I hover ANY PART of the chart, "[object Object]" appears in the middle at the top. I have tried many configurations with xaxis, yaxis, tooltip and others, but nothing works. Could someone help me?

Case image: stack overflow doesn't allow me to embed images, but click here to view it.

My chart options:

// Build chart options
this.chartOptions = {
series: [
{
name: this.chartTranslations['privateTransport.usageReport.chart.STOPPED'],
data: usageReport.history.map((history: HistoryReport) => history.stoppedTime || 0),
},
{
name: this.chartTranslations['privateTransport.usageReport.chart.IDLE'],
data: usageReport.history.map((history: HistoryReport) => history.idleTime || 0),
},
{
name: this.chartTranslations['privateTransport.usageReport.chart.DRIVING'],
data: usageReport.history.map((history: HistoryReport) => history.drivingTime || 0),
},
],
colors: ['#90989b', '#fc9337', '#54bdea'],
chart: {
type: "bar",
width: '100%',
height: 500,
stacked: true,
stackType: "100%",
zoom: {
enabled: false,
},
animations: {
enabled: false,
}
},
plotOptions: {
bar: {
columnWidth: width,
dataLabels: {
position: 'top',
}
}
},
responsive: [
{
breakpoint: 480,
options: {
legend: {
position: "bottom",
offsetX: -10,
offsetY: 0
}
}
}
],
xaxis: {
type: 'datetime',
categories: usageReport.history.map((history: HistoryReport) =>
new Date(history.serviceDate).getTime()
),
// This is maybe slower than the one above, but we need test which one works better in real cases
// categories: usageReport.history.map((history: HistoryReport) => moment(history.serviceDate).format('DD/MM/YYYY HH:mm').toString()),
},
fill: {
opacity: 1
},
legend: {
position: "top",
onItemHover: {
highlightDataSeries: true
},
offsetX: 0,
offsetY: 0,
},
tooltip: {
y: {
formatter: (value: number) => {
if (typeof value !== "number") return "0h 0m 0s"
const hours = Math.floor(value / 3600);
const minutes = Math.floor((value % 3600) / 60);
const seconds = value % 60;
return `${hours}h ${minutes}m ${seconds}s`;
},
},
// If xaxis is not datetime, delete this
x: {
format: 'dd/MM/yyyy HH:mm'
}
},
};

Continue reading...