HTMLcopy
1
<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
anychart.onDocumentReady(function () {
2
3
// chart type
4
var chart = anychart.column();
5
6
// set the accessibility mode as chart elements
7
chart.a11y().mode("chart-elements");
8
9
// data
10
var data = anychart.data.set([
11
["John", 10000, 12000],
12
["Jake", 12000, 15000],
13
["Peter", 18000, 16000],
14
["James", 11000, 13000],
15
["Mary", 9000, 19000]
16
]);
17
18
// map data for the each series
19
var Sales2013 = data.mapAs({x: 0, value: 1});
20
var Sales2014 = data.mapAs({x: 0, value: 2});
21
22
// set data
23
var series2013 = chart.column(Sales2013);
24
// set series name
25
series2013.name("Sales in 2013");
26
27
// set series data
28
var series2014 = chart.column(Sales2014);
29
// set series name
30
series2014.name("Sales in 2014");
31
32
// chart title
33
chart.title("Making chart and series titles accessible");
34
35
// set axes titles
36
chart.xAxis().title("Retail Channel");
37
chart.yAxis().title("Sales");
38
39
// enable legend
40
chart.legend(true);
41
42
// draw
43
chart.container("container");
44
chart.draw();
45
});