Confidence interval on line chart
by amrutaJgtp
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>
JavaScript
Highcharts.chart('container', {
"tooltip": {
"enabled": true
},
"legend": {
"enabled": true,
"item": {},
"borderWidth": 0,
"layout": "horizontal",
"backgroundColor": "rgba(255,255,255,0)",
"align": "center",
"verticalAlign": "bottom",
"margin": 0,
"padding": 5,
"symbolRadius": 0
},
"credits": {
"enabled": false
},
"exporting": {
"enabled": false
},
"lang": {
"noData": ""
},
"xAxis": {
"title": {
"text": "AirPassenger",
"margin": 5
},
"opposite": false,
"axisInternalName": "0",
"labels": {
"enabled": true,
"rotation": 330
},
"categories": ["01/01/1949", "02/01/1949", "03/01/1949", "04/01/1949", "05/01/1949", "06/01/1949", "07/01/1949", "08/01/1949", "09/01/1949", "10/01/1949", "11/01/1949", "12/01/1949", "01/01/1950", "02/01/1950", "03/01/1950"]
},
"yAxis": [{
"title": {
"text": "Passengers"
},
"opposite": false,
"axisInternalName": "0",
"labels": {
"enabled": true,
"rotation": 0
},
"lineWidth": 0,
"lineColor": "rgba(174,174,174,1)",
"allowDecimals": false,
"reversed": false,
"gridLineWidth": 0,
"gridLineColor": "#C0C0C0",
"maxPadding": 0,
"minPadding": 0
}],
"boost": {
"enabled": false
},
"series": [{
zIndex: 0,
type: "arearange",
yAxis: 0,
data: [
["01/01/1949", 105, 125],
["02/01/1949", 105, 125],
["03/01/1949", 105, 125],
["04/01/1949", 108, 120],
["05/01/1949", 110, 125],
["06/01/1949", 110, 125],
["07/01/1949", 110, 125],
["08/01/1949", 110, 125],
["09/01/1949", 110, 125],
["10/01/1949", 110, 125],
["11/01/1949", 110, 125],
["12/01/1949", 110, 125],
["01/01/1950", 110, 125],
["02/01/1950", 110, 125],
["03/01/1950", 110, 125],
]
}]
});