HTMLcopy
1
<button onclick="xPointPosition();">Set point position</button>
2
<button onclick="defaultXPointPosition(0.195, 0.5, 0.804);">Default</button>
3
<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
var series1, series2, series3;
2
3
function xPointPosition() {
4
// Set point position.
5
series1.xPointPosition(0.3);
6
7
// Set point position.
8
series3.xPointPosition(0.7);
9
}
10
11
function defaultXPointPosition(value1, value2, value3) {
12
series1.xPointPosition(value1);
13
series2.xPointPosition(value2);
14
series3.xPointPosition(value3);
15
}
16
anychart.onDocumentReady(function () {
17
var chart = anychart.column3d();
18
19
series1 = chart.column([
20
{x: 'January', value: 6},
21
{x: 'February', value: 4},
22
{x: 'March', value: 3}
23
]);
24
series1.name('Apples');
25
26
series2 = chart.column([
27
{x: 'January', value: 3},
28
{x: 'February', value: 4},
29
{x: 'March', value: 6}
30
]).name('Pineapples');
31
32
series3 = chart.column([
33
{x: 'January', value: 3},
34
{x: 'February', value: 7},
35
{x: 'March', value: 3}
36
]);
37
series3.name('Bananas');
38
39
chart.title('Set point position');
40
chart.container('container');
41
chart.draw();
42
});