柱形面积图 | JShare

$.getJSON('https://data.jianshukeji.com/jsonp?filename=json/range.json&callback=?', function (data) {
		Highcharts.stockChart('container', {
				chart: {
						type: 'columnrange'
				},
				rangeSelector: {
						selected: 2
				},
				title: {
						text: 'Temperature variation by day'
				},
				tooltip: {
						valueSuffix: '°C'
				},
				series: [{
						name: 'Temperatures',
						data: data
				}]
		});
});

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

{"doctype":0,"resouces":"1,4,5,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\">"}

柱形面积图 | JShare

模板（查看所有模板）