html, body {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

button {

    margin: 10px 0 0 10px;

}

#container {

    position: absolute;

    width: 100%;

    top: 35px;

    bottom: 0;

}

anychart.onDocumentReady(function () {

​

  // data

  var data = [

    ["Chocolate paste", 5],

    ["White honey", 2],

    ["Strawberry jam", 2],

    ["Condensed milk", 1]

  ];

​

  // set chart type

  chart = anychart.bar(data);

​

  // set chart title

  chart.title("Save as Image Buttons");

​

  // display chart

  chart.container("container").draw();

});

​

// save the chart as png

function png() {

  chart.saveAsPng({"width": 360,

                   "height": 500,

                   "quality": 0.3,

                   "filename": "My Chart PNG"});

};

​

// save the chart as svg

function svg() {

  chart.saveAsSvg({"paperSize": "A4",

                   "landscape": false,

                   "filename": "My Chart SVG"});   

};

​

// save the chart as jpg

function jpg() {

  chart.saveAsJpg({"width": 360,

                   "height": 500,

                   "quality": 0.3,

                   "forceTransparentWhite": false,

                   "filename": "My Chart JPG"});

};