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