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
// create a column chart
4
var chart = anychart.column();
5
6
// create a data series
7
var series = chart.column([
8
["Virat Kohli", "296", "India"],
9
["Max O'Dowd", "242", "Netherlands"],
10
["Suryakumar Yadav", "239", "India"],
11
["JD Butler", "225", "England"],
12
["Kusal Mendis", "223", "Sri Lanka"],
13
["Sikandar Raza", "219", "Zimbabwe"],
14
["Pathum Nissanka", "214", "Sri Lanka"],
15
["AD Hales", "212", "England"],
16
["Lorkan Tucker", "204", "Ireland"],
17
["Glenn Phillips", "201", "New Zealand"]
18
]);
19
20
// add axis titles
21
chart.xAxis().title("Batsman");
22
chart.yAxis().title("Number of runs");
23
24
// add a chart title
25
chart.title("Top 10 Run Scorers at ICC Men's T20 World Cup 2022");
26
27
// set the container element
28
chart.container("container");
29
30
// display the chart
31
chart.draw();
32
33
});