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

        ['C- MEJORAN RELACIONES EN LA ESCUELA Y EL HOGAR', 79, 73, 41.67, 66.66, 75],

        ['C- ACTITUDES Y VALORES PARA COMPARTIR', 68, 33, 66.67, 66.66, 100],

        ['C- GOZAN DE APRENDER Y ENSEÑAR',45, 33, 33, 33, 50],

        ['A - INVESTIGAN POR CUENTA PROPIA', 62, 60, 33, 50, 88],

        ['A - PROCEDEN A SU PASO Y MODO', 39, 46, 25, 16, 75],

        ['A- ELIGEN TEMAS DE ESTUDIO', 34, 53, 33, 16, 50],

        ['HS- ADQUIEREN SEGURIDAD', 59, 60, 41, 66, 50],

        ['HS- CRÍTICOS DEL SISTEMA', 49, 33, 58, 50, 63],

        ['HS- DECIDEN SU PROYECTO DE VIDA', 35, 53, 16, 16, 12],

        ['HC- HABLAR CON SEGURIDAD', 62, 46, 16, 83, 75],

        ['HC- APRENDEN A PROFUNDIDAD', 45, 26, 41, 33, 75],

        ['HC- INDAGAR MÁS ES NECESIDAD', 31, 26, 0, 33, 50],

    ]);

​

​

    // 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 first series, take x from the zero column and value from the first column of data set

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

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

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

​

    // create radar chart

    var chart = anychart.radar();

​

    // set chart title text settings

    chart.title('RADAR COMPARATIVO')

            // set chart legend

            .legend(true);

​

    // set chart padding settings

    chart.padding().bottom(70);

​

    // set chart yScale settings

    chart.yScale()

            .minimum(0)

            .maximum(100)

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

​

    // create chart label with description

    chart.label()

            .text('Este cuadro muestra un comparativo con los rasgos más recurrentes encontrados en el análisis de datos' 

                    )

            .anchor('center-bottom')

            .position('center-bottom')

            .fontWeight('normal')

            .fontSize(11)

            .fontFamily('tahoma')

            .fontColor('black')

            .offsetY(15);

​

    // create first series with mapped data

    chart.line(data1).name('EXALUMNOS').markers(true).stroke("#AB91C5");

    // create second series with mapped data

    chart.line(data2).name('ALUMNOS').markers(true).stroke("#a22a86");

    // create third series with mapped data

    chart.line(data3).name('MAESTROS').markers(true);

   // create third series with mapped data

    chart.line(data4).name('PADRES').markers(true);

    // create third series with mapped data

    chart.line(data5).name('CONAFE').markers(true);

​

    // set tooltip format

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

​

    // set container id for the chart

    chart.container('container');

    // initiate chart drawing

    chart.draw();

});