HTMLcopy
1
<div id="container"></div>
CSScopy
8
1
html,
2
body,
3
#container {
4
width: 100%;
5
height: 100%;
6
margin: 0;
7
padding: 0;
8
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function() {
2
3
// set the data
4
var data = {
5
header: ['Name', 'Death toll'],
6
rows: [
7
['San-Francisco (1906)', 1500],
8
['Messina (1908)', 87000],
9
['Ashgabat (1948)', 175000],
10
['Chile (1960)', 10000],
11
['Tian Shan (1976)', 242000],
12
['Armenia (1988)', 25000],
13
['Iran (1990)', 50000]
14
]};
15
16
// create the chart
17
var chart = anychart.column();
18
19
// add data
20
chart.data(data);
21
22
// set the chart title
23
chart.title('The deadliest earthquakes in the XXth century');
24
25
// draw
26
chart.container('container');
27
chart.draw();
28
});