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

CSS

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

JavaScript

var data= {
				key :['Mozilla','IE','Firefox','Chrome','Opera','Safari'],
				value : [10,50,80,60,40,80],
				label : 'popular',
				color : ['red','green','blue','cyan','purple','brown']
		   };
		   
		var cnfg={"data":data,"divId":"dountChartWithLegendMenu"}
		
$(document).ready(function () {
   var stocChart21=$("#dountChartWithLegendMenu").stocCharts();
		stocChart21.dountChartWithLegend(cnfg);
});