JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.1.0/angular.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<div ng-controller = "fessCntrl">
    <button ng-click="toggleLoading()">Loading?</button>
    <button ng-click="toggleLabels()">Toggle data labels</button>
    <select ng-model="selectedChartType" ng-options="selectedChartType  for selectedChartType in chartTypes" ng-change="seriesTypeChange(selectedChartType)"></select>
    <my-elem config="chartConfig"> </my-elem>    
</div>

JavaScript

var myapp = angular.module('myModule', []);

myapp.controller('fessCntrl', function ($scope) {
  
   
    var _count = 60;
    var enableDataLabels = false;
    
    $scope.chartTypes = ['areaspline','spline', 'column', 'area','line'];
    $scope.selectedChartType = $scope.chartTypes[0];
    
      
    
       var generateRandomData = function(){
       var randList = [];
        var randList_temp =...