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.pie(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 printButton = document.createElement("div");

​

  printButton.className = "custombutton";

​

  printButton.innerHTML = "Save as PDF";

​

  printButton.onclick = function() {

    chart.saveAsPdf();

  };

​

  // append button to container

  container.appendChild(printButton);

​

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

​

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

    // set button style

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

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

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

    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 = "15px";

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

  }

});