JSFiddle - React, Tailwind, and code Playground

by johnnytrinh

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<div id="pieContainer"></div>
<br/>
<a id="resetChart" href="#">Reset</a>

JavaScript

var chart;
  $(document).ready(function () {
      /*begin pie chart render*/
      var colors = Highcharts.getOptions().colors,
          categories = ['A', 'B', 'C'],
          level = 0,
          //name = 'Regions',
          data = [{
              name: 'B',
              y: 10,
              color: colors[0],
              drilldown: {
                  level: 1,
                  name: 'A',
                  color: colors[0],
                  data: [{
                      y: 7,
                      name: 'A',
                      drilldown: {
                          level: 2,
                          data: [
                              ['1', 100],
                              ['2', 200],
                              ['3', 300],
                              ['4', 400],
                              ['5', 500],
                              ['6', 600],
                              ['7', 700]
                          ]
                      }
                  }, {
                      y: 3,
                      name: 'B',
                      drilldown: {
                          level: 2,
                          data: [
                              ['1', 100],
                              ['2', 200],
                              ['3', 300]
                          ]
                      }
                  }]
              }
          }, {
              name: 'C',
              y: 34,
              color: colors[1],
              drilldown: {
                  level: 1,
                  name: 'C',
                  color: colors[1],
                  data: [{
                      y: 1,
                      name: 'A',
                      drilldown: {
                          level: 2,
                          data: [
                              ['1', 100]
                          ]
                      }
                  }, {
                      y: 7,
                      name: 'B',
                      drilldown: {
...