anychart.charts.Surface.shareAsPng | samples | charts | API Reference

HTMLcopy

 
<button onclick="shareAsPng();">Get the link to PNG image</button>
<div id="container"></div>

CSScopy

 
html, body, #container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScriptAutocompletecopy

​x
 
var chart;
anychart.onDocumentReady(function() {
    chart = anychart.surface(getData());
    chart.title('Share chart as PNG image');
    chart.container('container');
    chart.draw();
});
​
function shareAsPng() {
​
    // Share chart as PNG image.
    chart.shareAsPng(function (response) {
        alert(response);
    });
}
​
function getData() {
    return [
        [-3, -3, -216],
        [-3, -2, -125],
        [-3, -1, -64],
        [-3, 0, -27],
        [-3, 1, -8],
        [-3, 2, -1],
        [-3, 3, 0],
        [-2, -3, -125],
        [-2, -2, -64],
        [-2, -1, -27],
        [-2, 0, -8],
        [-2, 1, -1],
        [-2, 2, 0],
        [-2, 3, 1],
        [-1, -3, -64],
        [-1, -2, -27],
        [-1, -1, -8],
        [-1, 0, -1],
        [-1, 1, 0],
        [-1, 2, 1],
        [-1, 3, 8],
        [0, -3, -27],
        [0, -2, -8],
        [0, -1, -1],
        [0, 0, 0],
        [0, 1, 1],
        [0, 2, 8],
        [0, 3, 27],
        [1, -3, -8],
        [1, -2, -1],
        [1, -1, 0],
        [1, 0, 1],
        [1, 1, 8],
        [1, 2, 27],
        [1, 3, 64],
        [2, -3, -1],
        [2, -2, 0],
        [2, -1, 1],
        [2, 0, 8],
        [2, 1, 27],
        [2, 2, 64],
        [2, 3, 125],
        [3, -3, 0],
        [3, -2, 1],
        [3, -1, 8],
        [3, 0, 27],
        [3, 1, 64],
        [3, 2, 125],
        [3, 3, 216]
    ]
}

Sample meta

AnyChart Documentation