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
// To work with the data adapter you need to reference the data adapter script file from AnyChart CDN
3
// (https://cdn.anychart.com/js/7.14.3/data-adapter.min.js for latest or https://cdn.anychart.com/js/7.11.1/data-adapter.min.js for the versioned file)
4
5
// Create a chart from JSON file
6
anychart.fromJsonFile("https://cdn.anychart.com/config-samples/line-chart.json", function (chart) {
7
// set additional settings
8
chart.title("Create a chart from JSON file");
9
10
// display chart
11
chart.container("container");
12
chart.draw();
13
});
14
});