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

CSS

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

JavaScript

var barData = {
					
					
					'IE':{data:5,"subData":{'v5.0':31,'v6.0':10,'v7.0':20,'v8.0':53,'v9.0':25,'v10.0':35,'v11.0':23}},
					'Firefox':{data:10,"subData":{'v25.0':22,'v26.0':19,'v27.0':25,'v28.0':10,'v29.0':34}},
					'Safari':{data:30,"subData":{}},
					'Opera':{data:5,"subData":{}},
					'Not Known':{data:5,"subData":{}}
				
				
				};
		
		var cfgDrillDown = {
			
				topMargin: 5,
				rightMargin: 0,
				bottomMargin: 40,
				leftMargin: 40,
				color: d3.scale.category20c(),
				toolTipLabel:'Drilled Chart',
				xLabel:"Browser",
				yLabel:"Usage"
		}; 
        
 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 stocChart3=$("#drillDownChartMenu").stocCharts(textStyleConfg);
		stocChart3.drawDrillDownChart("#drillDownChartMenu", barData,cfgDrillDown);

});