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