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

CSS

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

JavaScript

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":"red"};
var dataSet= {
						key :['Agnitio','Apple Inc','IBM','Facebook','Accenture',"Gold Man Sach"],
						value : [12000,1350,433,1234,30234,2134],
						label : 'Cost',
						color : ["#7cb5ec","#434348","#90ed7d","orange","green","cyan"]
					};



$(document).ready(function(){
    var stocChart5=$("#transitPieMenu").stocCharts(textStyleConfg1);
   	stocChart5.drawPieChartWithTransition(dataSet);
		

});