react-apexcharts
react-apexcharts copied to clipboard
Apex chart plots a wrong point in y-axis.
As the title suggests, I am having problem when plotting one particular point. The point I am referring to is the first point in the last item of the series option. An example:
let data = {
series: [
{
type: 'bar',
name: 'Year',
data: [
[1, 1],
[2, 2]
// .... remaining data
]
},
{
type: 'bar',
name: 'Month',
data: [
[1, 2],
[2, 3]
// .... remaining data
]
},
{
type: 'line',
name: 'Demand',
data: [
[1, 1],
[2, 2]
// .... remaining data
]
},
// This is the part where the problem occurs
{
type: 'line',
name: 'MEV',
data: [
// The data is shown correctly when hovered but not plotted accurately
[1, 2.4100397],
[4, 2.0177503],
[5, 10],
[7, 1.9590328],
[8, 3.8452687],
[9, 1.9213204],
[12, 2.3399198],
[13, 2.6519232],
[15, 2.255846],
[16, 2.3310409]
]
}
]
};
I checked this by moving other data in it's place, but the problem remains the same.