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