var options = {
  series: [12, 8, 15, 23, 18, 9, 6, 11],
  chart: {
    type: 'polarArea',
  },
  labels: ['N', 'NE', 'E', 'SE', 'S', 'SW', 'W', 'NW'],
  title: {
    text: 'Wind Frequency by Direction (%)',
    align: 'center',
  },
  stroke: {
    colors: ['#fff'],
  },
  fill: {
    opacity: 0.8,
  },
  legend: {
    position: 'bottom',
  },
  responsive: [
    {
      breakpoint: 480,
      options: {
        chart: {
          width: 200,
        },
        legend: {
          position: 'bottom',
        },
      },
    },
  ],
}

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