HTMLcopy
1
<div id="container"></div>
2
<div style="position: absolute; top: 40px; right: 25px; 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
chart = anychart.scatter();
4
chart.line([
5
{x: 1, value: 0},
6
{x: 2, value: 20},
7
{x: 3, value: 10},
8
{x: 4, value: 30},
9
{x: 5, value: 20},
10
{x: 6, value: 40},
11
{x: 7, value: 30},
12
{x: 8, value: 50},
13
{x: 9, value: 40},
14
{x: 1, value: 0}
15
]);
16
chart.xGrid(true).yGrid(true);
17
chart.margin([0, '47%', 0, 0]);
18
chart.title('Returns JPG as base64 string');
19
chart.container('container');
20
chart.draw();
21
});
22
23
function getJpgBase64String() {
24
25
// Get JPG as base64 string
26
chart.getJpgBase64String(function (response) {
27
var base64String = document.getElementById('getJpgBase64String');
28
base64String.innerHTML = response;
29
});
30
}