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

HTMLcopy

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

CSScopy

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

JavaScriptAutocompletecopy

​x
 
var chart;
anychart.onDocumentReady(function () {
    chart = anychart.gauges.circular([{value: 7.5}]);
    chart.axis();
    chart.needle();
    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

Basics (Graphics)

Drawing (Drawing Tools and Annotations)

Stage-Based Layout (Dashboards)