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