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
var chart = anychart.column();
3
4
var series = chart.column([
5
{x: 'January', value: 2},
6
{x: 'February', value: 5},
7
{x: 'March', value: 3},
8
{x: 'April', value: 6},
9
{x: 'May', value: 4}
10
]);
11
12
var rendering = series.rendering();
13
rendering.point(drawer);
14
15
chart.title('Get data value');
16
chart.container('container');
17
chart.draw();
18
});
19
function drawer() {
20
21
// Get data value.
22
var value = this.getDataValue('value');
23
// After that you can do something with this values.
24
25
if (this.missing) {
26
return;
27
}
28
var shapes = this.getShapesGroup(this.pointState);
29
30
var leftX = this.x - this.pointWidth / 2;
31
var rightX = leftX + this.pointWidth;
32
33
shapes['path']
34
.moveTo(leftX, this.zero)
35
.lineTo(this.x, this.value)
36
.lineTo(rightX, this.zero)
37
.close();
38
}