<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title> Radar Chart</title>
	<script src="../codebase/dhtmlxchart.js" type="text/javascript"></script>
	<link rel="STYLESHEET" type="text/css" href="../codebase/dhtmlxchart.css">
        <div id="chart_container" style="width:450px;height:300px;border:1px solid #A4BED4;"></div>
</head>
 
<body>
   <script>
        var data = [
           { "companyA":"4.8", "companyB":"2.3", "month":"Jan" },
           { "companyA":"5.0", "companyB":"2.1", "month":"Feb" },
           { "companyA":"3.2", "companyB":"0.1", "month":"Mar" },
           { "companyA":"3.1", "companyB":"5.7", "month":"Apr" },
           { "companyA":"1.0", "companyB":"3.0", "month":"May" },
           { "companyA":"1.3", "companyB":"2.6", "month":"Jun" }
        ];
 
        var radarChart =  new dhtmlXChart({
		view: "radar",
                container: "chart_container",
                value: "#companyA#",
                tooltip: "#companyA#",
                alpha:0.2,
		line:{
			color:"#3399ff",
			width:1
		},
                xAxis:{
                        template:"#month#"
                },
                yAxis:{
                        lineShape:'arc'
                },
                fill:true,
                color: "#3399ff",
                disableItems:true
        })
 
        radarChart.addSeries({
	        value:"#companyB#",
                tooltip:{
                    template:"#companyB#"
                },
                color:"#66cc00",
	        line:{
		    color:"#66cc00",
		    width:1
	        }
        })
 
        radarChart.parse(data,"json");
   </script>
</body>
</html>
Example (radar chart)
