anychart.charts.Pyramid.getSvgBase64String | 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="getSvgBase64String" onclick="getSvgBase64String()">
    <textarea style="width: 100%;" rows="5" cols="70" id="getSvgBase64String"></textarea>
</div>

CSScopy

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

JavaScriptAutocompletecopy

​x
 
var chart;
anychart.onDocumentReady(function () {
    chart = anychart.pyramid([
        {x: 'Physical', value: 125},
        {x: 'Data Link', value: 125},
        {x: 'Network', value: 125},
        {x: 'Transport', value: 125},
        {x: 'Session', value: 125},
        {x: 'Presentation', value: 125},
        {x: 'Application', value: 290}
    ]);
    chart.labels(false).margin([0, '45%', 0, 0]);
    chart.title('Returns SVG as base64 string');
    chart.container('container');
    chart.draw();
});
​
function getSvgBase64String() {
​
    // Get SVG as base64 string.
    chart.getSvgBase64String(function (response) {
        var base64String = document.getElementById('getSvgBase64String');
        base64String.innerHTML = response;
    });
}

Sample meta

AnyChart Documentation