html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // data

  var data = [

    {x: "Chocolate paste", value: 5},

    {x: "White honey", value: 2},

    {x: "Strawberry jam", value: 2},

    {x: "Condensed milk", value: 1}

  ];

​

  // set chart type

  var chart = anychart.bar();

​

  // set data

  var series = chart.bar(data);

​

  // set chart title

  chart.title("The kind of pancakes preferred at the Sochi 2014 Olympic Games");

​

  // set chart container

  chart.container("container");

​

  // set chart bounds

  chart.bounds(0, 0, chart.container().width()-35, chart.container().height());

​

  // initiate chart drawing

  chart.draw();

​

  // create new buttons

  var svgButton = document.createElement("div");

  var pngButton = document.createElement("div");

  var jpgButton = document.createElement("div");

​

  svgButton.className = "custombutton";

  pngButton.className = "custombutton";

  jpgButton.className = "custombutton";

​

  svgButton.innerHTML = "SVG";

  pngButton.innerHTML = "PNG";

  jpgButton.innerHTML = "JPG";

​

  pngButton.onclick = function() {

    chart.saveAsPng();

  };

  svgButton.onclick = function() {

    chart.saveAsSvg();

  };

  jpgButton.onclick = function() {

    chart.saveAsJpg();

  };

​

  // append button to container

  container.appendChild(svgButton);

  container.appendChild(pngButton);

  container.appendChild(jpgButton);

​

  var custombuttons = document.getElementsByClassName("custombutton");

​

  // set style for all buttons

  for (var i = 0; i<custombuttons.length; i++){

    // set button style

    custombuttons[i].style.top = 45*i + "px";

    custombuttons[i].style.right = "5px";

    custombuttons[i].style.width = "40px";

    custombuttons[i].style.height = "auto";

    custombuttons[i].style.backgroundColor = "#444444";

    custombuttons[i].style.color = "white";

    custombuttons[i].style.fontFamily = chart.title().fontFamily();

    custombuttons[i].style.position = "absolute";

    custombuttons[i].style.zIndex = 2;

    custombuttons[i].style.transition = "0.5s";

    custombuttons[i].style.textAlign = "center";

    custombuttons[i].style.border = "3px solid #444444";

    custombuttons[i].style.borderRadius = "7px 7px 7px 7px";

    custombuttons[i].style.fontSize = "18px";

    custombuttons[i].style.cursor = "pointer";

  }

});