title: Apexcharts average is not displayed correctly
body: <p>Can you please tell me why the average value which is located at 14 is displayed at the bottom, and not the line?</p>
  <p>Other values, for example 15, are displayed in the right place (see screenshots).</p>
  <p>I tried different options for the amount of information, it is still displayed incorrectly. Tell me please.</p>
  <p><a href="https://i.stack.imgur.com/1T9FA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1T9FA.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/lGEZy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lGEZy.png" alt="enter image description here" /></a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const options = {
    series: [{
      name: 'Count',
      data: [1, 2, 1, 3, 1, 2, 0]
    }],
    chart: {
      height: 250,
      type: 'area',
      toolbar: {
        show: false
      }
    },
    dataLabels: {
      enabled: false
    },
  
    stroke: {
      curve: 'smooth',
      colors: ["#6f42c1"],
    },
    grid: {
      show: false,
    },
    sparkline: {
      enabled: true
    },
    xaxis: {
      type: 'category',
      categories: ["11", "12", "13", "14", "15", "16", "17"],
      labels: {
        show: true,
        style: {
          colors: "#b7bbc8",
          fontSize: "10px",
          fontWeight: 900
        }
      }
    },
    yaxis: {
      show: false
    },
    fill: {
      type: 'gradient',
      gradient: {
        shade: 'light',
        type: "vertical",
        shadeIntensity: 1,
        opacityFrom: 1,
        opacityTo: 1,
        colorStops: [{
            offset: 0,
            color: "#6f42c1",
            opacity: 0.2
          },
  
          {
            offset: 100,
            color: "#fff",
            opacity: 0.5
          }
        ]
      }
    },
    tooltip: {
      x: {
        format: 'dd/MM/yy HH:mm'
      },
    }
  };
  
  var chart = new ApexCharts(document.querySelector("#chart"), options);
  chart.render();</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdn.jsdelivr.net/npm/apexcharts"&gt;&lt;/script&gt;
  &lt;div id="chart"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>