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='ThreeDBarChartMenu'></div>

CSS

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

JavaScript

var barData = [15, 80, 120, 280, 50, 65, 900, 40, 23, 98];
		
		var cfg3DBarChart = {
		
			topMargin: 5,
			rightMargin: 0,
			bottomMargin: 40,
			leftMargin: 40,
			toolTipLabelForYAxis: "Sales(in Crores)",
			color: d3.scale.category20c(),
			xAxisTickArray:[2010,2011,2012,2013,2014,2015,2016,2017,2018,2019],
			xLabel:"Year"
		}
  var textStyleConfg={"font-family":"Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif","font-size":"12","background":"none","font-color":"black","font-weight":300};      

$(document).ready(function(){

  	var stocChart10=$("#ThreeDBarChartMenu").stocCharts(textStyleConfg);
	    stocChart10.drawThreeDBarChart("#ThreeDBarChartMenu", barData, cfg3DBarChart);
    
});