rotating the title on y axis is displaying an error in the console #1766
Description
Hi there,
I'm rotating the title on y axis but it is displaying an error on console, I've tryed to change it as string, even not using rotate property and passing a transform: "rotate(x)" on style property inside of title but that didn't work. This is my code:
`options: {
title: { text: "Distribución de oferta para propiedades similares", align: "center" },
chart: {
parentHeightOffset: 10,
animations: {
enabled: false,
},
type: "bar",
height: 140,
stacked: true,
offsetY: 0,
toolbar: {
show: false,
},
},
plotOptions: {
bar: {
horizontal: true,
},
},
annotations: {
xaxis: [
{
x: range,
borderColor: "#775DD0",
offsetX: 8,
label: {
style: {
color: "#41C8A2",
},
text: "Tu propiedad",
position: isMobile ? "bottom" : "top",
orientation: isMobile ? "vertical" : "horizontal",
offsetY: 0,
offsetX: 8,
},
},
],
},
toolbar: {
show: false,
},
stroke: {
width: 0,
colors: ["#fff"],
},
colors: ["#28849F", "#88D4C5", "#9A9A9A", "#CAD35C"],
noData: {
text: "Loading...",
},
yaxis: {
labels: {
show: true,
align: "right",
minWidth: 55,
maxWidth: 160,
},
show: false,
title: {
text: "Propiedades",
rotate: -90, // Here ir my problem
offsetX: 10,
style: {
color: undefined,
fontSize: "10px",
fontFamily: "Helvetica, Arial, sans-serif",
fontWeight: 600,
cssClass: "apexcharts-yaxis-title",
},
},
axisBorder: {
offsetX: 0,
offsetY: 0,
},
minPadding: 40,
maxPadding: 60,
},
xaxis: {
type: "category",
labels: {
show: true,
},
},
fill: {
opacity: 1,
},
legend: {
position: "bottom",
horizontalAlign: "center",
},
},`
