Iframe
HTML with links
ZIP with files
Column Chart
Geo Map
Line Chart
Pie Chart
Stock Chart
From scratchHTMLcopy
1
<button onclick="shareAsPng();">Get the link to PNG image</button>2
<div id="container"></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 = getData();4
5
chart = anychart.treeMap(data);6
chart.title('Share chart as PNG image');7
chart.container('container');8
chart.draw();9
});10
11
function shareAsPng() {12
13
// Share chart as PNG image.14
chart.shareAsPng(function (response) {15
alert(response);16
});17
}18
19
function getData() {20
return [21
{22
name: 'Eurasia',23
children: [24
{25
name: 'Asia', children: [26
{27
name: 'Eastern Asia', children: [28
{name: 'Mongolia', value: 1564116, capital: 'Ulan-Bator'},29
{name: 'China', value: 1564116, capital: 'Beijing'},30
{name: 'Southern Korea', value: 1564116, capital: 'Seoul'},31
{name: 'Northern Korea', value: 120540, capital: 'Pyongyang'},32
{name: 'Japan', value: 1564116, capital: 'Tokio'}33
]34
}35
]36
},37
{38
name: 'Europe', children: [39
{40
name: 'Northern Europe', children: [41
{name: 'Finland', value: 338424, capital: 'Helsinki'},42
{name: 'Great Britain', value: 209331, capital: 'London'},43
{name: 'Ireland', value: 84421, capital: 'Dublin'},44
{name: 'Scandinavia', value: 928057}45
]46
}47
]48
}49
]50
}51
];52
}