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

        ['Tree', .406, .253, .182, .037, .034, .034, 0, 0, 0],

        ['Weeds', 0, 0, 0, 0, 0, 0, .020, .021, 0],

        ['Grass', 0, 0, 0, 0, 0, 0, 0, 0, .013]

    ]);

​

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

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

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

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

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

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

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

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

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

​

    // create bar chart

    var chart = anychart.column();

​

    // turn on chart animation

    chart.animation(true);

​

    // force chart to stack values by Y scale.

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

​

    // set chart title text settings

    chart.title('Major Pollen Producers in Atlanta, GA');

    chart.title().padding([0, 0, 5, 0]);

​

    // helper function to setup label settings for all series

    var setupSeriesLabels = function (series, name) {

        series.name(name)

                .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.column(seriesData_1);

    setupSeriesLabels(series, 'Oak');

​

    // create second series with mapped data

    series = chart.column(seriesData_2);

    setupSeriesLabels(series, 'Pine');

​

    // create third series with mapped data

    series = chart.column(seriesData_3);

    setupSeriesLabels(series, 'Other Tree');

​

    // create fourth series with mapped data

    series = chart.column(seriesData_4);

    setupSeriesLabels(series, 'Willow');

      // create fourth series with mapped data

    series = chart.column(seriesData_5);

    setupSeriesLabels(series, 'Cypress');

      // create fourth series with mapped data

    series = chart.column(seriesData_6);

    setupSeriesLabels(series, 'Mulberry');

        // create fourth series with mapped data

    series = chart.column(seriesData_7);

    setupSeriesLabels(series, 'Ragweed');

        // create fourth series with mapped data

    series = chart.column(seriesData_8);

    setupSeriesLabels(series, 'Other Weed');

        // create fourth series with mapped data

    series = chart.column(seriesData_9);

    setupSeriesLabels(series, 'Grass');

​

    // turn on legend

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

    // set yAxis labels formatter

    chart.yAxis().labels().format('{%Value}{groupsSeparator: }');

​

    // set titles for axes

    chart.xAxis().title('Grouped Pollen Types');

    chart.yAxis().title('Percent');

​

    // set interactivity hover

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

​

    chart.tooltip()

            .valuePrefix('')

            .displayMode('union');

​

    // set container id for the chart

    chart.container('container');

​

    // initiate chart drawing

    chart.draw();

});