html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

   // create a stage    

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

​

   // set the data

   var data = anychart.data.set([

["Spring", 10], ["Summer", 15], ["Autumn", 8], ["Winter", 23]

   ]);

​

   // set the chart type and title

   var chart = anychart.line();

   chart.title("Switching the Series Type");

   chart.title().padding(25);

​

   // set the series type

   var series = chart.line(data);

​

   // set the chart container and initiate drawing the chart

   chart.container(stage);

   chart.draw();

​

   // create a label for switching to the line series

   createLabel("Switch to Line", 10, function() {

// change the series type

series.seriesType("line");

chart.title("Switching the Series Type \n Line");

   });  

​

   // create a label for switching to the column series

   createLabel("Switch to Column", 127, function() {

// change the series type

series.seriesType("column");

chart.title("Switching the Series Type \n Column");

   });    

   // create a label for switching to the area series

   createLabel("Switch to Area", 265, function() {

// change the series type

series.seriesType("area");

chart.title("Switching the Series Type \n Area");

   });    

​

});

​

// a helper function for creating buttons

function createLabel(text, offset, action){

   var label = anychart.standalones.label();

   label.background({fill: "#1976d2"});

   label.text(text);

   label.fontColor("#fff");

   label.padding(5);

   label.parentBounds(offset, 5, 130, 100);    

   label.listen("click", action);

   label.container(stage);

   label.draw();

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

label.background().fill("#1976d2 0.5")

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

label.draw();

   });

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

label.background().fill("#1976d2")

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

label.draw();

   });    

   return label;

};