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.cartesian();
3
4
var series = chart.column([10, 20, 15, 30, 5]);
5
6
// Set rendering.
7
series.rendering({point: drawer});
8
9
chart.container("container");
10
chart.draw();
11
});
12
function drawer() {
13
if (this.missing) {
14
return;
15
}
16
var shapes = this.getShapesGroup(this.pointState);
17
18
var leftX = this.x - this.pointWidth / 2;
19
var rightX = leftX + this.pointWidth;
20
21
shapes['path']
22
.moveTo(leftX, this.zero)
23
.lineTo(this.x, this.value)
24
.lineTo(rightX, this.zero)
25
.close();
26
}