Exports 01 | samples | Documentation

HTMLcopy

 
<button onclick="png()">PNG</button>
<button onclick="svg()">SVG</button>
<button onclick="jpg()">JPG</button>
<div id="container"></div>

CSScopy

 
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;
}

JavaScriptAutocompletecopy

​x
 
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"});
};

Sample meta

AnyChart Documentation