apexcharts / react-apexcharts

📊 React Component for ApexCharts
https://apexcharts.com
MIT License
1.32k stars 159 forks source link

Apex chart plots a wrong point in y-axis. #581

Open shahiutsav opened 8 months ago

shahiutsav commented 8 months ago

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.

github-actions[bot] commented 3 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.