面积图 | JShare

$.getJSON('https://data.jianshukeji.com/jsonp?filename=json/aapl-c.json&callback=?', function (data) {
		// Create the chart
		Highcharts.stockChart('container', {
				rangeSelector : {
						selected : 1
				},
				title : {
						text : 'AAPL Stock Price'
				},
				series : [{
						name : 'AAPL Stock Price',
						data : data,
						type : 'area',
						threshold : null,
						tooltip : {
								valueDecimals : 2
						},
						fillColor : {
								linearGradient : {
										x1: 0,
										y1: 0,
										x2: 0,
										y2: 1
								},
								stops : [
										[0, Highcharts.getOptions().colors[0]],
										[1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
								]
						}
				}]
		});
});

<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\">"}

面积图 | JShare

模板（查看所有模板）