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
// Load JSON data and create a chart by JSON data.
6
anychart.data.loadJsonFile("https://cdn.anychart.com/charts-data/data_json.json", function (data) {
7
// create a chart and set loaded data
8
var chart = anychart.bar(data);
9
// configure and display
10
chart.title("Load JSON data and create a chart");
11
chart.container("container");
12
chart.draw();
13
});
14
});