react-apexcharts icon indicating copy to clipboard operation
react-apexcharts copied to clipboard

Apex chart plots a wrong point in y-axis.

Open shahiutsav opened this issue 1 year ago • 1 comments

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]
            ]
        }
    ]
};

Screenshot from 2024-03-11 12-31-30

I checked this by moving other data in it's place, but the problem remains the same.

shahiutsav avatar Mar 11 '24 07:03 shahiutsav