<script src="../../codebase/dhtmlxchart.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxchart.css">
<script src="../common/testdata.js"></script>
 
<div id="chartDiv" style="width:300px;height:250px;margin:20px;"></div>
<script>
var chart = new dhtmlXChart({
    container: "chartDiv",
    view: "radar",
    value: "#companyA#",
    disableLines: true,
    item: {
        borderWidth: 0,
        radius: 2,
        color: "#6633ff";
    },
    xAxis: {
        template: "#month#";
    },
    yAxis: {
        lineShape: "arc",
        bg: function(value) {
            return value % 2 ? "#e9eef9": "#f3f7ff";
        },
        lines: false,
        template: function(value) {
            return "<span style='font-size:10px'>" + value + "</span>";
        }
    }
});
chart.parse(companies, "json");</script>