easyJet trend
by Danielle Parkinson
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
JavaScript
Highcharts.chart('container', {
chart: {
type: 'line',
backgroundColor: '#fff',
style: {
fontFamily: 'Arial',
color: '#666'
},
height: 280,
width: 970
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
title: {
text: ' '
},
subtitle: {
text: ' '
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar'],
labels: {
style: {
color: '#666',
fontSize: '14px',
fontFamily: 'Arial'
}
},
tickLength: 0
},
yAxis: {
title: {
text: ' '
},
tickInterval: 5,
//gridLineColor: '#aec4db',
labels: {
style: {
color: '#666',
fontSize: '14px',
fontFamily: 'Arial'
}
}
},
tooltip: {
pointFormat: '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}'
},
plotOptions: {
area: {
marker: {
enabled: false,
symbol: 'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
}
}
},
legend: {
itemStyle: {
color: '#666',
fontSize: '14px',
fontFamily: 'Arial',
fontWeight: 'normal'
}
},
series: [{
name: 'OTD satisfaction',
color: '#004a8f',
data: [67, 61, 63],
marker: {
radius: 5,
//fillColor: '#fff',
//lineColor: '#ff6600',
//lineWidth: 2,
symbol: 'circle'
}
}]
});