[ad_1]
I’m working with Apexcharts in Angular. I’m able to generate the chart but when I click on one markers to collapse one series, it throws the errors into the console and doesn’t show the 2 other series and also the yaxis. Please help me with this
The chart image when 3 series are on
The chart image when 2 series are on
The errors image when I click on one marker
this.chartOptions = {
series: [
{
name: "a",
data: [
17129,
13549,
17102,
30831,
31336,
29535,
29252,
28711,
22425,
7299
],
color: "#ff9f00ff"
},
{
name: "b",
data: [
21314,
16751,
25736,
19712,
20924,
20180,
19885,
22031,
18245,
11629
],
color: "#364F6B"
},
{
name: "c",
data: [175, 159, 133, 75, 67, 130, 137, 165, 153, 90],
color: "#FFA996"
}
],
chart: {
height: 350,
type: "area"
},
dataLabels: {
enabled: true
},
stroke: {
curve: "smooth"
},
xaxis: {
type: "datetime",
categories: [
"2022-05-25T00:00:00.000Z",
"2022-05-26T00:00:00.000Z",
"2022-05-27T00:00:00.000Z",
"2022-05-28T00:00:00.000Z",
"2022-05-29T00:00:00.000Z",
"2022-05-30T00:00:00.000Z",
"2022-05-31T00:00:00.000Z",
"2022-06-01T00:00:00.000Z",
"2022-06-02T00:00:00.000Z",
"2022-06-03T00:00:00.000Z"
]
},
tooltip: {
x: {
format: "dd/MM/yy HH:mm",
show: true
}
}
};[ad_2]