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

CSS

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

JavaScript

var d = [		  
			[
			  {axis: "DT01", value: 13, yOffset: 5}, 
			  {axis: "DT02", value: 6}, 
			  {axis: "DT03", value: 5},  
			  {axis: "DT04", value: 9},  
			  {axis: "DT05", value: 2, xOffset: -10},
			  {axis: "DT06", value: 4, xOffset: -20}
			]
		  ,
			 [
			  {axis: "DT01", value: 6}, 
			  {axis: "DT02", value: 7}, 
			  {axis: "DT03", value: 10},  
			  {axis: "DT04", value: 13},  
			  {axis: "DT05", value: 9},
			  {axis: "DT06", value: 7}
			]
		];
		
		var mycfg = {
		  
		  maxValue: 15,
		  levels: 3,
		  ExtraWidthX: 100
		}
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 stocChart6=$("#radarChartMenu").stocCharts(textStyleConfg);
stocChart6.drawRadarChart("#radarChartMenu", d, mycfg);

});