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 firstSeries = chart.column([
5
{x: "January", value: 6},
6
{x: "February", value: 4},
7
{x: "March", value: 3}
8
]);
9
firstSeries.name("Apples");
10
11
// Set point position.
12
firstSeries.xPointPosition(0.3);
13
14
var secondSeries = chart.column([
15
{x: "January", value: 2},
16
{x: "February", value: 5},
17
{x: "March", value: 1}
18
]);
19
secondSeries.name("Pineapples");
20
21
// Set point position.
22
secondSeries.xPointPosition(0.5);
23
24
var thirdSeries = chart.column([
25
{x: "January", value: 3},
26
{x: "February", value: 7},
27
{x: "March", value: 3}
28
]);
29
30
thirdSeries.name("Bananas");
31
32
// Set point position.
33
thirdSeries.xPointPosition(0.7);
34
35
chart.title("Set point position");
36
chart.container("container");
37
chart.draw();
38
});