4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5
<title>Highstock Example</title>
7
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
8
<script type="text/javascript">
10
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-ohlcv.json&callback=?', function(data) {
12
// split the data set into ohlc and volume
15
dataLength = data.length;
17
for (i = 0; i < dataLength; i++) {
19
data[i][0], // the date
27
data[i][0], // the date
28
data[i][5] // the volume
32
// set the allowed units for data grouping
33
var groupingUnits = [[
35
[1] // allowed multiples
42
$('#container').highcharts('StockChart', {
49
text: 'AAPL Historical'
90
<script src="../../js/highstock.js"></script>
91
<script src="../../js/modules/exporting.js"></script>
93
<div id="container" style="height: 500px; min-width: 500px"></div>