<!-- required files -->
<script src="../assets/plugins/apexcharts/dist/apexcharts.min.js"></script>

<div id="apex-pie-chart"></div>

<script>
  var options = {
    chart: {
      height: 365,
      type: 'pie',
    },
    dataLabels: {
      dropShadow: {
        enabled: false,
        top: 1,
        left: 1,
        blur: 1,
        opacity: 0.45
      }
    },
    stroke: { show: true, colors: [app.color.componentBg], width: 2, dashArray: 0 },
    colors: [app.color.pink, app.color.orange, app.color.blue, app.color.success, app.color.indigo],
    labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
    series: [44, 55, 13, 43, 22],
    title: {
      text: 'HeatMap Chart (Single color)'
    }
  };

  var chart = new ApexCharts(
    document.querySelector('#apex-pie-chart'),
    options
  );

  chart.render();
</script>