html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create data set on our data

    chartData = {

        title: 'Priorities',

        header: ['#', 'Neglected', 'Prioritized'],

        rows: [

            ['Good Grades', 0.194, 0.434],

            ['Enough Sleep', 0.489, 0.221],

            ['Social Life', 0.316, 0.346],

        ]

    };

​

    // create radar chart

    var chart = anychart.radar();

​

    // set default series type

    chart.defaultSeriesType('area');

​

    // set chart data

    chart.data(chartData);

​

    // set chart yScale settings

    chart.yScale()

            .minimum(0)

            .maximumGap(0)

            .ticks({interval: 0.1});

​

    // set axes labels settings

    chart.xAxis().labels().padding(0.5);

​

    // set chart legend settings

    chart.legend()

            .align('center')

            .enabled(true);

    // set container id for the chart

    chart.container('container');

    // initiate chart drawing

    chart.draw();

});