HTMLcopy
1
<div id="container"></div>
2
<div style="position: absolute; top: 40px; left: 65%; width: 31%;">
3
<input style="margin-bottom: 10px;" type="button" value="getJpgBase64String" onclick="getJpgBase64String()">
4
<textarea style="width: 100%;" rows="5" cols="70" id="getJpgBase64String"></textarea>
5
</div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
var chart;
2
anychart.onDocumentReady(function () {
3
var data = [
4
{x: 'A', value: 20},
5
{x: 'B', value: 12},
6
{x: 'C', value: 17},
7
{x: 'A&B', value: 4},
8
{x: 'B&C', value: 5},
9
{x: 'A&C', value: 7},
10
{x: 'A&B&C', value: 1}
11
];
12
13
chart = anychart.venn(data);
14
chart.margin().right('20%');
15
chart.title('Returns JPG as base64 string');
16
chart.container('container');
17
chart.draw();
18
});
19
20
function getJpgBase64String() {
21
22
// Get JPG as base64 string.
23
chart.getJpgBase64String(function (response) {
24
var base64String = document.getElementById('getJpgBase64String');
25
base64String.innerHTML = response;
26
});
27
}