anychart.charts.Cartesian.getPngBase64String | samples | charts | API Reference

HTMLcopy

 
<div id="container"></div>
<div style="position: absolute; top: 40px; right: 25px; width: 31%;">
    <input style="margin-bottom: 10px;" type="button" value="getPngBase64String" onclick="getPngBase64String()">
    <textarea style="width: 100%;" rows="5" cols="70" id="getPngBase64String"></textarea>
</div>

CSScopy

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

JavaScriptAutocompletecopy

​x
 
anychart.onDocumentReady(function () {
    chart = anychart.column([
        {x: 'Meat', value: 10},
        {x: 'Fruit', value: 12},
        {x: 'Nuts', value: 18},
        {x: 'Milk', value: 11},
        {x: 'Fish', value: 9}
    ]);
    chart.margin([0, '45%', 0, 0]);
    chart.title('Returns PNG as base64 string');
    chart.container('container');
    chart.draw();
});
​
function getPngBase64String() {
​
    // Get PNG as base64 string.
    chart.getPngBase64String(function (response) {
        var base64String = document.getElementById('getPngBase64String');
        base64String.innerHTML = response;
    });
}

Sample meta

AnyChart Documentation