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
data = [
5
["January", 12000],
6
["February", 15000],
7
["March", 16000],
8
["April", 14000],
9
["May", 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: 0, value: 1});
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
// get the argument and value of the last point
25
var rowsCount = dataSet.getRowsCount();
26
var lastPointName = mapping.get(rowsCount - 1, "x");
27
var lastPointValue = mapping.get(rowsCount - 1, "value");
28
29
// set the chart title
30
chart.title().useHtml(true);
31
chart.title("Data Sets: Reading<br><br>" +
32
"last point = <span style = 'color:#990000'>" +
33
lastPointName + " (" + lastPointValue + ")</span>");
34
35
// set the container id
36
chart.container("container");
37
38
// initiate drawing the chart
39
chart.draw();
40
});