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

        ['1', 13, 65, 21, 0, 0],

        ['2', 13, 67, 19, 0, 0],

        ['3', 82, 12, 0, 0, 6],

        ['4', 1, 68, 19, 11, 0],

        ['5', 11, 67, 21, 0, 0],

        ['6', 12, 67, 20, 1, 0],

        ['7', 8, 79, 13, 1, 0],

        ['8', 22, 59, 15, 2, 1],

        ['8a', 38, 17, 38, 3, 3],

        ['8b', 27, 54, 9, 0, 9],

        ['9', 19, 49, 30, 0, 2],

        ['11', 7, 67, 24, 1, 0],

        ['12', 2, 80, 16, 1, 1],

        ['13', 2, 80, 16, 1, 1],

        ['15', 7, 64, 25, 2, 1],

        ['16', 11, 71, 16, 0, 1],

        ['17', 5, 67, 25, 0, 2],

        ['18', 13, 63, 20, 2, 1],

        ['20', 1, 73, 23, 2, 0],

        ['21', 9, 57, 34, 0, 0],

        ['24', 13, 54, 31, 1, 0],

        ['25', 16, 66, 16, 0, 1],

    ]);

​

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

    var seriesData_1 = 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 seriesData_2 = dataSet.mapAs({'x': 0, 'value': 2});

​

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

    var seriesData_3 = 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 seriesData_4 = dataSet.mapAs({'x': 0, 'value': 4});

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

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

​

    // create bar chart

    var chart = anychart.bar();

​

    // turn on chart animation

    chart.animation(true);

​

    // force chart to stack values by Y scale.

    chart.yScale().stackMode('percent');

​

    // set container id for the chart

    chart.container('container');

​

    // set yAxis labels formatting, force it to add % to values

    chart.yAxis(0).labels().format(function (info) {

        return info.value + '%';

    });

​

    // helper function to setup label settings for all series

    var setupSeriesLabels = function (series, name) {

        series.name(name);

        series.tooltip().valuePrefix('%');

        series.stroke('3 #fff 1');

        series.hovered().stroke('3 #fff 1');

    };

​

    // temp variable to store series instance

    var series;

    // change color

    chart.palette(anychart.palettes.defaultPalette);

​

    // create first series with mapped data

    series = chart.bar(seriesData_1).fill("green");

    setupSeriesLabels(series, 'Oui');

​

    // create second series with mapped data

    series = chart.bar(seriesData_2).fill("red");

    setupSeriesLabels(series, 'Non');

​

    // create third series with mapped data

    series = chart.bar(seriesData_3).fill("gold");

    setupSeriesLabels(series, 'Pas certain');

​

    // create fourth series with mapped data

    series = chart.bar(seriesData_4).fill("grey");

    setupSeriesLabels(series, 'Sans objet');

    // create fifth series with mapped data

    series = chart.bar(seriesData_5).fill("black");

    setupSeriesLabels(series, 'Sans réponse');

​

    // turn on legend

    chart.legend().enabled(true).fontSize(14).padding([0, 0, 15, 0]);

    chart.interactivity().hoverMode('by-x');

    chart.tooltip().displayMode('union');

    // initiate chart drawing

    chart.draw();

});