完整的股票分析 | JShare

$.getJSON('https://data.jianshukeji.com/stock/history/000001', function (data) {
	// split the data set into ohlc and volume
	if(data.code !== 1) {
		alert('读取股票数据失败！');
		return false;
	}
	data = data.data;
	var ohlc = [],
		volume = [],
		dataLength = data.length,
		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
		]);
	}
	Highcharts.stockChart('container', {
		yAxis: [{
			labels: {
				align: 'left'
			},
			height: '80%',
			resize: {
				enabled: true
			}
		}, {
			labels: {
				align: 'left'
			},
			top: '80%',
			height: '20%',
			offset: 0
		}],
		tooltip: {
			shape: 'square',
			headerShape: 'callout',
			borderWidth: 0,
			shadow: false,
			positioner: function (width, height, point) {
				var chart = this.chart,
					position;
				if (point.isHeader) {
					position = {
						x: Math.max(
							// Left side limit
							chart.plotLeft,
							Math.min(
								point.plotX + chart.plotLeft - width / 2,
								// Right side limit
								chart.chartWidth - width - chart.marginRight
							)
						),
						y: point.plotY
					};
				} else {
					position = {
						x: point.series.chart.plotLeft,
						y: point.series.yAxis.top - chart.plotTop
					};
				}
				return position;
			}
		},
		series: [{
			type: 'ohlc',
			id: 'aapl-ohlc',
			name: 'AAPL Stock Price',
			data: ohlc
		}, {
			type: 'column',
			id: 'aapl-volume',
			name: 'AAPL Volume',
			data: volume,
			yAxis: 1
		}],
		responsive: {
			rules: [{
				condition: {
					maxWidth: 800
				},
				chartOptions: {
					rangeSelector: {
						inputEnabled: false
					}
				}
			}]
		}
	});
});

<link rel="stylesheet" type="text/css" href="https://code.highcharts.com/css/stocktools/gui.css">
<link rel="stylesheet" type="text/css" href="https://code.highcharts.com/css/annotations/popup.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/indicators/indicators-all.js"></script>
<script src="https://code.highcharts.com/stock/modules/drag-panes.js"></script>
<script src="https://code.highcharts.com/modules/annotations-advanced.js"></script>
<script src="https://code.highcharts.com/modules/price-indicator.js"></script>
<script src="https://code.highcharts.com/modules/full-screen.js"></script>
<script src="https://code.highcharts.com/modules/stock-tools.js"></script>
<div id="container" class="chart"></div>

#container {
	max-height: 800px;
	height: 100vh;
}
/* Conflict with Bootstrap, not needed after v7.0.1 */
.highcharts-bindings-wrapper * {
	box-sizing: content-box;
}

{"doctype":0,"resouces":null,"options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","meta":""}

完整的股票分析 | JShare

模板（查看所有模板）