JSFiddle - React, Tailwind, and code Playground

by Nicholas Mastracchio

HTML

<script src="http://cdn.zingchart.com/zingchart.min.js"></script>
<div id='myChart'></div>

JavaScript

var myJson = {
    "graphset": [{
        "type": "radar",
        "backgroundColor": "none",
        "plotarea": {
            "marginTop": 0,
            "marginBottom": 0
        },
        "plot": {
            "lineWidth": 1,
            "value-box":{
                "type": "all",
                "text": "%v %"
            }
        },
        "scale-k":{
            "aspect":"circle"
        },
        'series' : [
            {
                'lineColor' : 'gray',
                'lineWidth' : 1,
                'values' : [1, 2, 3, 4, 5]
            },
            {
                'lineColor' : '#17335D',
                'values' : [4, 5, 6, 7, 8]
            }
            ]
    }
    ]
};
zingchart.render({ 
	id : "myChart", 
	data : myJson, 
	height: 300, 
	width: 500 
});