apexcharts.js
apexcharts.js copied to clipboard
Order of series in mixed charts causes bugs
Codepen
https://codesandbox.io/s/series-order-causes-bugs-ucqpm
Explanation
- What is the behavior you expect? I expect the mixed chart to properly graph the x position based on the data supplied.
- What is happening instead? When column is before line in the series, the behavior is correct. When line is before column, the column's x value data is ignored. The x values are 2008 and 2015, but the bar graph shows 2008 and 2009 if column is after line.
- What error message are you getting? No error messages.
Hello! I think I am facing a similar issue here. When I try to render a columns chart, I have the following configuration:
const state = {
options: {
chart: {
animations: {
enabled: false
}
},
xaxis: {
categories:["2023-04", "2023-05", "2023-06", "2023-07", "2023-08", "2023-09"]
},
legend: {
showForSingleSeries: true
}
},
series: [{
name: 'series-1',
data: [{x: "2023-05", y: 49}, {x: "2023-09", y: 60}]
}]
};
Though series-1 has only two value pairs for 2023-05 and 2023-09, the bars always appear from the beginning (2023-04, and 2023-05). Am I using ApexCharts in the wrong way?
Thanks!