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/releases/8.13.0/js/anychart-data-adapter.min.js for latest or https://cdn.anychart.com/releases/8.13.0/js/anychart-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
8
var chart = anychart.bar(data);
9
10
chart.title('Load JSON data and create a chart');
11
chart.container('container');
12
chart.draw();
13
});
14
});