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.scatter();
3
chart.xScale().minimum(-1);
4
chart.line([
5
{x: 0, value: 10},
6
{x: 1, value: 5},
7
{x: 5, value: 37},
8
{x: 7, value: 20},
9
{x: 9, value: 16}
10
]);
11
12
var series = chart.marker([
13
{x: 5, value: 20},
14
{x: 1, value: 50},
15
{x: 2, value: 30},
16
{x: 6, value: 90},
17
{x: 4, value: 40}
18
]);
19
20
// Create custom scale.
21
var scale = anychart.scales.linear();
22
23
scale.maximum(12);
24
25
series.xScale(scale);
26
27
chart.xAxis(1).orientation('top').scale(scale);
28
chart.title('Get and use X scales');
29
chart.container('container');
30
chart.draw();
31
32
// Get X scales.
33
var scales = chart.getXScales();
34
35
for (var i = 0; i < scales.length; i++) {
36
scales[i].maximum(scales[i].maximum() + 10);
37
}
38
});