html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // create polar chart

    var chart = anychart.polar();

​

    // create data set on our data

    chartData = {

        title: 'Most Listened to Genres: Depressive vs Non-Depressive',

        header: ['#', 'Non-Depressive', 'Depressive'],

        rows: [

            ['punk-rock', .21, .79],

            ['electronic', .55, .45],

            ['hip hop/rap', .72, .28],

            ['rock', .51, .49],

            ['metal', .69, .31],

            ['indie',.49, .51],

            ['pop', .57, .43]

        ]

    };

​

    // sort data by X

    chart.sortPointsByX(true)

            // set series type

            .defaultSeriesType('column')

            // disable y-axis

            .yAxis(false)

            // set x-scale

            .xScale('ordinal');

​

    // set chart data

    chart.data(chartData);

​

    // set title margin

    chart.title().margin().bottom(20);

​

    // set stack mod

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

​

    // set tooltip settings

    chart.tooltip()

            .valuePrefix('$')

            .displayMode('union');

​

    // set chart container id

    chart.container('container');

    chart.legend(true)

    // initiate chart drawing

    chart.draw();

});