The Y-axis shows invalid tooltip when reversed

[AndriyBogdan]

Description

The Y-axis shows invalid values on tooltip when it became reversed - it still show non-reversed values

Steps to Reproduce

Expected Behavior

The Y-axis tooltip shows reverted values if the axis was reverted

Actual Behavior

The Y-axis tooltip does not show reverted values if the axis was reverted - it still showing a non-reverted values

Screenshots

Reproduction Link

[brianlagunas]

Required repro link not provided

[AndriyBogdan]

Required repro link not provided

What the link? You can use any of line chart witrh any type of data and makle it reversed by Y-axis and look at Y-axis tooltip value. Many of examples from codepen, you need to add only reversed: true
It is ridiculous

var options = {
      chart: {
        type: "area",
        height: 300,
        foreColor: "#999",
        stacked: true,
        dropShadow: {
          enabled: true,
          enabledSeries: [0],
          top: -2,
          left: 2,
          blur: 5,
          opacity: 0.06
        }
      },
      colors: ['#00E396', '#0090FF'],
      stroke: {
        curve: "smooth",
        width: 3
      },
      dataLabels: {
        enabled: false
      },
      series: [{
        name: 'Total Views',
        data: generateDayWiseTimeSeries(0, 18)
      }, {
        name: 'Unique Views',
        data: generateDayWiseTimeSeries(1, 18)
      }],
      markers: {
        size: 0,
        strokeColor: "#fff",
        strokeWidth: 3,
        strokeOpacity: 1,
        fillOpacity: 1,
        hover: {
          size: 6
        }
      },
      xaxis: {
        type: "datetime",
        axisBorder: {
          show: false
        },
        axisTicks: {
          show: false
        }
      },
      yaxis: {
        labels: {
          offsetX: 14,
          offsetY: -5
        },
        reversed: true,
        tooltip: {
          enabled: true
        }
      },
      grid: {
        padding: {
          left: -5,
          right: 5
        }
      },
      tooltip: {
        x: {
          format: "dd MMM yyyy"
        },
      },
      legend: {
        position: 'top',
        horizontalAlign: 'left'
      },
      fill: {
        type: "solid",
        fillOpacity: 0.7
      }
    };

    var chart = new ApexCharts(document.querySelector("#timeline-chart"), options);

    chart.render();

    function generateDayWiseTimeSeries(s, count) {
      var values = [[
        4,3,10,9,29,19,25,9,12,7,19,5,13,9,17,2,7,5
      ], [
        2,3,8,7,22,16,23,7,11,5,12,5,10,4,15,2,6,2
      ]];
      var i = 0;
      var series = [];
      var x = new Date("11 Nov 2012").getTime();
      while (i < count) {
        series.push([x, values[s][i]]);
        x += 86400000;
        i++;
      }
      return series;
    }

[AndriyBogdan]

[AndriyBogdan]

https://codepen.io/apexcharts/pen/QrbEQg

[AndriyBogdan]

zooming of Y-axis is not working correctly too - it still zoom like an non-reversed and shows area after zooming that is not selected. It is confused and make analazing of chart with huge set of points more harder

[brianlagunas]

Thank you for providing a reproduction link.