html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var data = [

        ['1950s', 5, 12, 13, 3, 27, 27, 11],

        ['1960s', 26, 26, 50, 15, 64, 27, 21],

        ['1970s', 26, 32, 41, 45, 28, 36, 27],

        ['1980s', 24, 19, 11, 43, 19, 34, 34],

        ['1990s', 20, 23, 10, 18, 6, 9, 32],

        ['2000s', 23, 18, 9, 24, 9, 21, 32]

    ];

​

    var chart = anychart.mekko();

​

    //create dataset

    var dataSet = anychart.data.set(data);

    //sets mapping for series

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

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

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

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

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

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

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

​

    //create mekko series

    chart.mekko(map7).name('Sex');

    chart.mekko(map6).name('Politics and Protest');

    chart.mekko(map5).name('People and Places');

    chart.mekko(map4).name('Party Songs');

    chart.mekko(map3).name('Love');

    chart.mekko(map2).name('Life and Death');

    chart.mekko(map1).name('Heartbreak');

​

    //set union tooltip

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

    //set container id for the chart

    chart.container('container');

    //initiate chart drawing

    chart.draw();

});