OHCL蜡烛图 | JShare

$.getJSON('/data/json/aapl-ohlc.json', function (data) {
		// create the chart
		Highcharts.stockChart('container', {
				rangeSelector : {
						selected : 2
				},
				title : {
						text : 'AAPL Stock Price'
				},
				series : [{
						type : 'ohlc',
						name : 'AAPL Stock Price',
						data : data,
						color: 'green',
						upColor: 'red',
						navigatorOptions: {
								color: Highcharts.getOptions().colors[0]
						},
						dataGrouping : {
								units : [[
										'week', // unit name
										[1] // allowed multiples
								], [
										'month',
										[1, 2, 3, 4, 6]
								]]
						}
				}]
		});
});

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

{"doctype":0,"resouces":"1,4,7,52","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","meta":"<link rel=\"icon\" href=\"https://jscdn.com.cn/highcharts/images/favicon.ico\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">"}

OHCL蜡烛图 | JShare

模板（查看所有模板）