JSFiddle - React, Tailwind, and code Playground

by Sanchit Jain

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://www.stocinn.com/stoccharts/js/stocChart.js"></script>
<div id='StackedBarChartMenu'></div>

CSS

#StackedBarChartMenu{
    width:800px;
    height:400px;
   
}

JavaScript

var textStyleConfg={"font-family":"Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif","font-size":"12","background":"none","font-color":"black","font-weight":300};

var heightOfBarOne = [15, 80, 120, 180, 50, 65, 30];
		var heightOfBarTwo = [60, 20, 70, 40, 100, 95, 500];
		
		var threeDStackedBarsData = [{
				'key': 'Barclays',
				'data': [15, 80, 120, 180, 50, 65, 30, 109, 210,13, 123,210, 210]
			}, {
				'key': 'Morgan Stanley',
				'data': [60, 20, 70, 40, 100, 95, 230, 123, 100,24, 231, 210, 210]
			}, {
				'key': 'SBI',
				'data': [40, 28, 79, 100, 40, 195, 20, 78, 321,45, 109, 210, 210]
			}, {
				'key': 'American Express Bank',
				'data': [140, 280, 179, 200, 109, 95, 300, 86, 123,56, 290, 210, 210]
			}, {
				'key': 'Indusland Bank',
				'data': [120, 34, 50, 100, 400, 65, 30, 34, 310,76, 19, 210, 210]
			}, {
				'key': 'Yes Bank',
				'data': [80, 180, 179, 300, 40, 109, 89, 120, 230,89, 99, 210, 210]
			}];

		
		
		var colorArray=["#39ec6e","#ff9811","#63deff","#59bde5","#16c54a","#e7969c", "#e7cb94", "#7f7f7f", "#bcbd22"];
		var cfg3DBarChart = {
		
			topMargin: 5,
			rightMargin: 0,
			bottomMargin: 40,
			leftMargin: 40,
			toolTipLabelForYAxis: "Sales(in Crores)",
			colorArray: ["#39ec6e","#ff9811","#63deff","#59bde5","#16c54a","#e7969c", "#e7cb94", "#7f7f7f", "#bcbd22"],
			xLabel:"Year",
			axisTextColor:'purple',
			legendTextColor:'purple'
		}
		var gridLineColor = "#4d4d4d";
		var textColor = "Grey";
		var textStyleConfg1={"font-family":"Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif","font-size":"12","background":"none","font-color":"green","font-weight":300,"axisTextColor":"purple","legendTextColor":"purple"};
var xAxisArray = ['1994', '1995', '1996', '1997', '1998', '1999','2000','2001','2002','2003', '2004', '2005', '2006'];

$(document).ready(function(){

  	var stocChart27=$("#StackedBarChartMenu").stocCharts(textStyleConfg1);
	 
 stocChart27.drawThreeDStackedBarChart("#StackedBarChartMenu", heightOfBarOne,...