html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

    // data

    var data = anychart.data.set([

        ["Department Stores", 637166, 737166, 813000, 719242, 791736, 837164, 918364, 819363, 864213],

        ["Discount Stores", 721630, 537166, 128013, 471946, 385638, 764426, 237561, 628452 ,721645],

        ["Men's/Women's Specialty Stores", 148662, 188662, 194912, 573173, 384617, 481627, 615373, 274618 ,471846],

        ["Juvenile Specialty Stores", 78662, 178662, 612037, 589275, 128614, 201385, 171284, 317394 ,172846],

        ["All other outlets", 90000, 89000, 375913, 183613, 100847, 92714, 192483, 137184 ,99128]

    ]);

​

    // remapping data

    var Sales2003 = data.mapAs({x: [0], value: [1]});

    var Sales2004 = data.mapAs({x: [0], value: [2]});

    var Sales2005 = data.mapAs({x: [0], value: [3]});

​

    // define chart type

    var chart = anychart.cartesian();

​

    // set default series type

    chart.defaultSeriesType("column");

​

    // create multiple series

    chart.addSeries(Sales2003, Sales2004, Sales2005);

​

    // set title

    chart.title("Add/Remove Series sample");

​

    // set axes titles

    var xAxis = chart.xAxis();

    xAxis.title("Retail Channel");

    var yAxis = chart.yAxis();

    yAxis.title("Sales");

​

    var add = chart.label(0);

    add.padding(5,5);

    add.position("topLeft");

    add.anchor("topLeft");

    add.offsetY(10);

    add.offsetX(10);

    add.text("Add Series");

    var addBg = add.background();

    addBg.enabled(true);

    addBg.stroke("2 #BCBCBC");

    addBg.cornerType("round");

    addBg.corners(5);

    add.listen("click",function(){

        if (chart.getSeriesCount()<9)

            chart.addSeries(data.mapAs({x: [0], value: [chart.getSeriesCount()+1]}));

    });

    var remove = chart.label(1);

    remove.padding(5,5);

    remove.position("topLeft");

    remove.anchor("topLeft");

    remove.offsetY(45);

    remove.offsetX(10);

    remove.text("Remove Series");

    var removeBg = remove.background();

    removeBg.enabled(true);

    removeBg.stroke("2 #BCBCBC");

    removeBg.cornerType("round");

    removeBg.corners(5);

    remove.listen("click",function(){

        if (chart.getSeriesCount()>0)

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

    });

    var removeAll = chart.label(2);

    removeAll.padding(5,5);

    removeAll.position("topLeft");

    removeAll.anchor("topLeft");

    removeAll.offsetY(80);

    removeAll.offsetX(10);

    removeAll.text("Remove All Series");

    var removeAllBg = removeAll.background();

    removeAllBg.enabled(true);

    removeAllBg.stroke("2 #BCBCBC");

    removeAllBg.cornerType("round");

    removeAllBg.corners(5);

    removeAll.listen("click",function(){

        chart.removeAllSeries();

    });

​

    // draw chart

    chart.container("container");

    chart.draw();

});