html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    stage = anychart.graphics.create("container");

​

    var data = [

["Apples", 21, 99, 19, 72, 94, 71],

["Pears", 41, 7, 71, 10, 27, 79],

["Bananas", 9, 15, 77, 58, 97, 79],

["Grapes", 71, 34, 40, 21, 72, 6],

["Oranges", 6, 29, 11, 46, 19, 49]

    ];

​

    var chart = anychart.column();

​

    var series = anychart.data.mapAsTable(data, "value");

​

    for (var i in series) {

chart.column(series[i]);

    }

​

    var legend = chart.legend();

    legend.enabled(true);

​

    // Set maximum width and height.

    legend.maxWidth("30%");

    legend.maxHeight("30%");

    // legend mode and position

    legend.itemsLayout("verticalExpandable");

    legend.position("right");

​

    // paginator position

    legend.paginator().orientation("bottom");

​

    chart.title("Expandable legend");

    chart.container(stage);

    chart.draw();

​

    createLabel("Click to remove 7 series", 5, function(){

chart.removeSeriesAt(chart.getSeriesCount() - 1);

    });

​

    createLabel("Click to add 7 series", 180, function(){

for (var i in series) {

    chart.column(series[i]);

}

    });

});

function createLabel(text, offset, action){

    var lbl = anychart.standalones.label();

    lbl.background({fill: "#9E9E9E"});

    lbl.text(text);

    lbl.fontColor("#fff");

    lbl.padding(5);

    lbl.offsetX(offset);

    lbl.offsetY(5);

    lbl.listen("mouseOver", function () {

document.body.style.cursor = "pointer";

    });

    lbl.listen("mouseOut", function () {

document.body.style.cursor = "auto";

    });

    lbl.listen("click", action);

    lbl.container(stage);

    lbl.draw();    

}