anychart.charts.LinearGauge.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
 
var chart;
anychart.onDocumentReady(function () {
    chart = anychart.gauges.linear([300, 250, 150]);
    chart.addPointer(0, 1, 2);
    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

ASYNC Rendering (Common Settings)

Drawing (Drawing Tools and Annotations)

Linear Gauge (Gauges)

Title (Common Settings)