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
3
// xml data // JS equivalent
4
var xml = '<?xml version="1.0" encoding="utf-8"?>' +
5
'<anychart xmlns="https://cdn.anychart.com/schemas/8.7.1/xml-schema.xsd">' +
6
// set chart type
7
'<chart type="line" '+ // var chart = anychart.line();
8
'container="container">'+ // chart.container("container");
9
// set intervals
10
'<y_scale><ticks '+ // chart.yScale().ticks()
11
'interval="100000"/></y_scale>'+ // .interval(100000);
12
13
// custom y scale
14
'<scales><scale type="linear" '+ // var newScale = anychart.scales.linear();
15
'minimum="0" '+ // newScale.minimum(0)
16
'maximum="100">'+ // .maximum(100)
17
'<ticks '+ // .ticks()
18
'interval="10"/>'+ // .interval(10);
19
'<minorTicks interval="2"/></scale></scales>'+ // extraYScale.minorTicks().interval(2);
20
21
// y axes settings
22
'<y_axes>'+ // chart.yAxis().title()
23
'<axis title="Basic Y Axis"/>'+ // .text("Basic Y Axis");
24
'<axis '+ // chart.yAxis(1)
25
'orientation="right" '+ // .orientation("right")
26
'scale="0">'+ // .scale(newScale)
27
'<title '+ // .title()
28
'text="Extra Y Axis"/></axis></y_axes>'+ // .text("Extra Y Axis");
29
30
'<series_list><series series_type="column">'+ // chart.column([
31
'<data><point x="A" value="637166"/>'+ // ["A", 637166],
32
'<point x="B" value="721630"/>'+ // ["B", 721630],
33
'<point x="C" value="148662"/>'+ // ["C", 148662],
34
'<point x="D" value="78662"/>'+ // ["D", 78662],
35
'<point x="E" value="90000"/>'+ // ["E", 90000]
36
'</data></series>'+ // ]);
37
'<series series_type="line" '+ // var line = chart.line();
38
'y_scale="0">'+ // line.yScale(newScale);
39
'<data>'+ // line.data([
40
'<point x="A" value="95"/>'+ // ["A", 95],
41
'<point x="B" value="97"/>'+ // ["B", 97],
42
'<point x="C" value="96"/>'+ // ["C", 96],
43
'<point x="D" value="70"/>'+ // ["D", 70],
44
'<point x="E" value="35"/>'+ // ["E", 35]
45
'</data></series></series_list></chart>'+ // ]);
46
'</anychart>';
47
48
// get XML data
49
var chart = anychart.fromXml(xml);
50
51
// draw chart
52
chart.draw();
53
});