SMA 及 VbP | JShare

$.getJSON('https://data.jianshukeji.com/jsonp?filename=json/aapl-ohlcv.json&callback=?', function (data) {
		// split the data set into ohlc and volume
		var ohlc = [],
				volume = [],
				dataLength = data.length,
				// set the allowed units for data grouping
				groupingUnits = [[
						'week',                         // unit name
						[1]                             // allowed multiples
				], [
						'month',
						[1, 2, 3, 4, 6]
				]],
				i = 0;
		for (i; i < dataLength; i += 1) {
				ohlc.push([
						data[i][0], // the date
						data[i][1], // open
						data[i][2], // high
						data[i][3], // low
						data[i][4] // close
				]);
				volume.push([
						data[i][0], // the date
						data[i][5] // the volume
				]);
		}
		// create the chart
		Highcharts.stockChart('container', {
				rangeSelector: {
						selected: 2
				},
				title: {
						text: 'AAPL Historical'
				},
				subtitle: {
						text: 'With SMA and Volume by Price technical indicators'
				},
				yAxis: [{
						startOnTick: false,
						endOnTick: false,
						labels: {
								align: 'right',
								x: -3
						},
						title: {
								text: 'OHLC'
						},
						height: '60%',
						lineWidth: 2,
						resize: {
								enabled: true
						}
				}, {
						labels: {
								align: 'right',
								x: -3
						},
						title: {
								text: 'Volume'
						},
						top: '65%',
						height: '35%',
						offset: 0,
						lineWidth: 2
				}],
				tooltip: {
						split: true
				},
				plotOptions: {
						series: {
								dataGrouping: {
										units: groupingUnits
								}
						}
				},
				series: [{
						type: 'candlestick',
						name: 'AAPL',
						id: 'aapl',
						zIndex: 2,
						data: ohlc
				}, {
						type: 'column',
						name: 'Volume',
						id: 'volume',
						data: volume,
						yAxis: 1
				}, {
						type: 'vbp',
						linkedTo: 'aapl',
						params: {
								volumeSeriesID: 'volume'
						},
						dataLabels: {
								enabled: false
						},
						zoneLines: {
								enabled: false
						}
				}, {
						type: 'sma',
						linkedTo: 'aapl',
						zIndex: 1,
						marker: {
								enabled: false
						}
				}]
		});
});

<div id="container" style="height: 500px; min-width: 310px"></div>

.highcharts-axis-resizer {
		stroke: #eee;
}
.highcharts-axis-resizer:hover {
		stroke: #ccc;
}

{"doctype":0,"resouces":"1,4,7,52,61,75,92","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","meta":""}

SMA 及 VbP | JShare

模板（查看所有模板）