title: Apexchart: Radar Chart - Problem with showing xaxis labels
body: <p>I'm having some problems with the Radar Chart from Apexcharts. I defined my Chart like in the documentation <a href="https://apexcharts.com/javascript-chart-demos/radar-charts/basic/" rel="nofollow noreferrer">apexcharts.js - basic radar chart</a>, and there the x-axis labels are shown and in my version they aren't displayed. Does someone know how I can handle that? Here is my code:</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>var options = {
      series: [{
          name: 'Rating',
          data: [4.2, 4.8, 3.1, 3.8, 3.5, 2.9],
      }],
      chart: { toolbar: {
              show: false
          },
          height: 350,
          type: 'radar',
      },
      colors: ['#00b0db'],
      xaxis: {
          categories: ['Meals', 'Location', 'Price', 'Features', 'Ambiance', 'Service']
      },
      dataLabels: {
          enabled: true,
          background: {
              enabled: true,
              borderRadius:2,
          }
      },
  
  };
  
  var chart = new ApexCharts(document.querySelector("#radar-chart-categories"), options);
  chart.render();</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/0umtR.png" rel="nofollow noreferrer">Here a screenshot of my radar chart unfortunately without showing the x-axis labels</a></p>