html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create data set on our data

    var dataSet = anychart.data.set([

        ['Education', 1, 4, 2.3, 2.8],

        ['Social class', 1, 3.5, 1.6, 3.2],

        ['Children in household', 1, 1.2, 1.08, 1.7],

        ['Literacy', 1, 3.5, 2.7, 2.4],

        ['Income', 1, 2.3, 3.2, 3.152],

    ]);

​

    // map data for the first series, take x from the zero column and value from the first column of data set

    var data1 = dataSet.mapAs({'x': 0, 'value': 1});

    // map data for the second series, take x from the zero column and value from the second column of data set

    var data2 = dataSet.mapAs({'x': 0, 'value': 2});

    // map data for the third series, take x from the zero column and value from the third column of data set

    var data3 = dataSet.mapAs({'x': 0, 'value': 3});

  // map data for the fourth series, take x from the zero column and value from the fourth column of data set

    var data4 = dataSet.mapAs({'x': 0, 'value': 4});

​

    // create radar chart

    var chart = anychart.radar();

​

    // set chart title text settings

    chart.title('Equality of digital use')

            // set chart legend

            .legend(true);

​

    // set chart padding settings

    chart.padding().bottom(70);

​

    // set chart yScale settings

    chart.yScale()

            .minimum(0)

            .maximum(5)

            .ticks({'interval': 0.2});

​

    // create chart label with description

    chart.label()

            .text('This chart compares the equality of digital use by specific indicators for the UK adult population.\n' +

                    'From our research, there are 5 key predictors for internet use; income, age of leaving education, social class,\n' +

                    'number of children in household and confidence in literacy skills.\n' +

                    'To compare how these indicators determine the likelihood of being an internet user, limited user or a non-user, \n' +

                    'the odds ratio for each indictor has been assigned.\n' +

                    'We have also mapped how these indicators impact non-users who say the internet "is not for me".\n' )

            .anchor('center-bottom')

            .position('center-bottom')

            .fontWeight('normal')

            .fontSize(11)

            .fontFamily('tahoma')

            .fontColor('rgb(35,35,35)')

            .offsetY(15);

​

    // create first series with mapped data

    chart.line(data1).name('Equality').markers(true);

    // create second series with mapped data

    chart.line(data2).name('Non users').markers(true);

    // create third series with mapped data

    chart.line(data3).name('Limited users').markers(true);

    // create fourth series with mapped data

    chart.line(data4).name('"Not for me" non users').markers(true);

​

    // set tooltip format

    chart.tooltip().format('Likelihood: {%Value}{decimalsCount: 2}');

​

    // set container id for the chart

    chart.container('container');

    // initiate chart drawing

    chart.draw();

});