html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var chart;

anychart.onDocumentReady(function () {

    var data = getData();

​

    chart = anychart.tagCloud(data);

​

    chart.title('Disable redrawing of the chart after the changes. \n Use the buttons to apply the changes and draw them');

    chart.container('container');

    chart.draw();

​

    // Disable chart redrawing.

    chart.autoRedraw(false);

});

​

function autoRedraw() {

​

    // Enable chart redrawing.

    chart.autoRedraw(true);

}

​

var counter = 0;

​

function label() {

    chart.label(counter++, {enabled: true, offsetY: 10 * counter++, fontWeight: 600, fontColor: 'rgba(' + Math.floor(Math.random() * 130).toString(10) + ','

    + Math.floor(Math.random() * 140).toString(10) + ','

    + Math.floor(Math.random() * 150).toString(10) + ')'});

}

​

function getData() {

    return [

        {x: 'learning', value: 80},

        {x: 'lists', value: 44},

        {x: 'meaning', value: 40},

        {x: 'useful', value: 36},

        {x: 'different', value: 32},

        {x: 'grammar', value: 28},

        {x: 'teaching', value: 24},

        {x: 'example', value: 20},

        {x: 'includes', value: 56},

        {x: 'thing', value: 12},

        {x: 'vocabulary', value: 10},

        {x: 'frequency', value: 10},

        {x: 'phrases', value: 15},

        {x: 'content', value: 27}

    ]

}