Charts - Pie component

<ins-card 
  steady
  tooltip="This is a sample tooltip content. It also support html content.">
  <ins-pie-chart
    id="pieChart"
    title="Viewers"
    legends="true"
    data-labels="false">
  </ins-pie-chart>

</ins-card>

<script>
  window.addEventListener('load', function () {
    var pieChartEl = document.getElementById('pieChart');
    var pieChartSample = [
      { name: 'Unboxing Videos', y: 10, sliced: true, selected: true },
      { name: 'Tag or Challenge Videos', y: 20 },
      { name: 'Comedy/Skit Videos', y: 30 },
      { name: 'Gaming Videos', y: 40 },
    ]
    pieChartEl.chartData = pieChartSample;
  });
</script>