<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:400px;height:250px;margin:20px;"></div>
<script>
var chart = new dhtmlXChart({
    container: "chartDiv",
    view: "radar",
    value: "#companyA#",
    tooltip: {
        template: "#companyA#";
    },
    line: {
        color: "#3590D0",
        width: 2;
    },
    item: {
        color: "#ffffff",
        borderColor: "#3399ff",
        radius: 2,
        borderWidth: 2,
        type: "d";
    },
    xAxis: {
        template: "#month#";
    },
    yAxis: {
        lineShape: "arc";
    },
    legend: {
        layout: "y",
        width: 110,
        align: "right",
        valign: "middle",
        marker: {
            type: "item";
        },
        values: [{
            text: "company A",
            color: "#3399ff"
        }, {
            text: "company B",
            color: "#66cc00"
        }]
        }
});
chart.addSeries({
    value: "#companyB#",
    tooltip: {
        template: "#companyB#";
    },
    line: {
        color: "#66cc00",
        width: 2;
    },
    item: {
        color: "#ffffff",
        borderColor: "#66cc00",
        radius: 2,
        borderWidth: 2,
        type: "s";
    }
});
chart.parse(companies, "json");</script>