var options = {
  series: [
    {
      name: 'Model X',
      data: [92, 60, 88, 95, 55, 90],
    },
    {
      name: 'Model Y',
      data: [70, 95, 66, 78, 85, 72],
    },
    {
      name: 'Model Z',
      data: [80, 78, 82, 70, 68, 60],
    },
  ],
  chart: {
    height: 350,
    type: 'radar',
  },
  title: {
    text: 'Smartphone Comparison',
  },
  stroke: {
    width: 2,
  },
  fill: {
    opacity: 0.1,
  },
  markers: {
    size: 0,
  },
  yaxis: {
    stepSize: 20,
  },
  xaxis: {
    categories: [
      'Performance',
      'Battery',
      'Camera',
      'Display',
      'Value',
      'Design',
    ],
  },
}

var chart = new ApexCharts(document.querySelector('#chart'), options)
chart.render()