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
// create data
4
var data = [
5
{month:"January", sales: 12000},
6
{month:"February", sales: 15000},
7
{month:"March", sales: 16000},
8
{month:"April", sales: 14000},
9
{month:"May", sales: 10000}
10
];
11
12
// create a data set
13
var dataSet = anychart.data.set(data);
14
15
// map the data
16
var mapping = dataSet.mapAs({x: "month", value: "sales"});
17
18
// create a chart
19
var chart = anychart.column();
20
21
// create a series and set the data
22
var series = chart.column(mapping);
23
24
// set the chart title
25
chart.title("Data Sets: Remapping");
26
27
// set the container id
28
chart.container("container");
29
30
// initiate drawing the chart
31
chart.draw();
32
});