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: {
       ...