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, title and chart container
7
'<chart type="line" '+ // var chart = anychart.line();
8
// set chart container
9
'container="container">'+ // chart.container("container");
10
11
// set series type
12
'<series_list><series series_type="spline">'+ // chart.spline(
13
// set series data
14
'<data><point x="January" value="10000"/>'+ // [["January", 10000],
15
'<point x="February" value="12000"/>'+ // ["February", 12000],
16
'<point x="March" value="18000"/>'+ // ["March", 18000],
17
'<point x="April" value="11000"/>'+ // ["April", 11000],
18
'<point x="May" value="9000"/>'+ // ["May", 9000]
19
'</data></series></series_list>'+ // ]);
20
'</chart>'+
21
'</anychart>';
22
23
// get XML data
24
var chart = anychart.fromXml(xml);
25
26
// draw chart
27
chart.draw();
28
});