Set yaxis title offsetY didn't work #1010
Description
When I set a yaxis title left to the chart and gave it offsetY any number, it didn't worked.
How can i fixed this problem?
code:
var options = {
chart: {
type: "bar",
stacked: true,
toolbar: {
show: true
},
zoom: {
enabled: true
}
},
responsive: [
{
breakpoint: 480,
options: {
legend: {
position: "bottom",
offsetX: -10,
offsetY: 0
}
}
}
],
plotOptions: {
bar: {
horizontal: false
}
},
tooltip: {
followCursor: true,
shared: false,
custom: function({ series, seriesIndex, dataPointIndex, w }) {
let currentTotal = 0;
series.forEach(s => {
currentTotal += s[dataPointIndex];
});
return (
'<div class="custom-tooltip">' +
"<span><b>Total: </b>" +
currentTotal +
"</span>" +
"</div>"
);
}
},
xaxis: {
type: "datetime",
categories: [
"01/01/2011 GMT",
"01/02/2011 GMT",
"01/03/2011 GMT",
"01/04/2011 GMT",
"01/05/2011 GMT",
"01/06/2011 GMT"
],
title: {
text: 'abcd',
},
},
yaxis: {
title: {
text: 'abcd',
offsetY: 20,
},
},
legend: {
position: "right",
offsetY: 40
},
fill: {
opacity: 1
},
series: [
{
name: "PRODUCT A",
data: [44, 55, 41, 67, 22, 43]
},
{
name: "PRODUCT B",
data: [13, 23, 20, 8, 13, 27]
},
{
name: "PRODUCT C",
data: [11, 17, 15, 15, 21, 14]
},
{
name: "PRODUCT D",
data: [21, 7, 25, 13, 22, 8]
}
]
};
var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();