html, body, #container {

    width: 100%;

    height: 80%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create data set on our data

    var dataSet = anychart.data.set([

        ['Ownership', 68, 32, 0 ],

        ['Interaction', 64.7, 25.3, 10],

        ['Ngh_outdoor', 53.89, 36.94, 9.17 ],

        ['oth_indoor', 83.3, 6.4, 10.3],

    ]);

​

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

​

​

​

    // create bar chart

    var chart = anychart.bar();

​

    // turn on chart animation

    chart.animation(false);

​

    // set container id for the chart

    chart.container('container');

    chart.padding([4, 10, 5, 10]);

​

    // set scale minimum

    chart.yScale().minimum(0);

​

    // force chart to stack values by Y scale.

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

​

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

        return this.value.toLocaleString();

    });

​

    // set titles for axises

    chart.xAxis().title('Products');

    chart.yAxis().title('Revenue in Dollars');

​

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

​

    // create first series with mapped data

    series = chart.bar(seriesData_1);

    setupSeriesLabels(series, 'Yes');

​

    // create second series with mapped data

    series = chart.bar(seriesData_2);

    setupSeriesLabels(series, 'No');

​

    // create third series with mapped data

    series = chart.bar(seriesData_3);

    setupSeriesLabels(series, 'Unsure');

​

    chart.barGroupsPadding(0);

    // turn on legend

    chart.legend().enabled(true).fontSize(13).padding([0, 0, 5, 0]);

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

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

    // initiate chart drawing

    chart.draw();

});