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([

        ['Familia', 6],

        ['Relação Amorosa', 5],

        ['Espiritualidade', 3],

        ['Vida Social', 4],

        ['Diversão', 7],

        ['Plenitude', 6],

        ['Contribuição', 4],

        ['Financeiro', 4],

        ['Propósito', 7],

        ['Saúde', 5],

        ['Emocional', 5],

        ['Intelectual', 5]

    ]);

​

    // 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});

​

    // create radar chart

    var chart = anychart.radar();

​

    // set chart yScale settings

    chart.yScale()

            .minimum(0)

            .maximum(10)

            .ticks().interval(1);

​

    // set xAxis labels settings

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

​

    // set chart legend settings

    chart.legend()

            .align('center')

            .enabled(true);

​

    // create first series with mapped data

    var series1 = chart.line(data1).name('Shaman');

    series1.markers()

            .enabled(true)

            .type('circle')

            .size(3);

    // create first series with mapped data

    // chart tooltip format

    chart.tooltip().format('Valor: {%Value}');

​

    // set container id for the chart

    chart.container('container');

    chart.draw();

});