Employed Persons
by andrew rowe
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="width: 260px; height: 380px; margin: 0 auto"></div>
JavaScript
$(function () {
var categories = ['Jun-2012','Jul-2012','Aug-2012','Sep-2012','Oct-2012','Nov-2012','Dec-2012','Jan-2013','Feb-2013','Mar-2013','Apr-2013','May-2013','Jun-2013'];
$('#container').highcharts({
title: {
text: 'Employed Persons',
x: -20 //center
},
xAxis: {
categories: categories,
tickInterval: 3
},
yAxis: {
opposite: true,
title: {
text: '\'000',
rotation: 0,
align: 'high',
offset: 40,
y:-10
},
gridLineWidth: 0,
// tickColor: 'black',
tickLength: 5,
tickWidth: 1,
tickPosition: 'outside',
labels: {
align: 'left',
x: 10,
y: 5
},
lineWidth: 1,
minorTickLength: 0,
plotLines: [{
value: 0,
width: 1,
color: 'black'
}],
lineWidth: 1,
min: 11300
},
credits: {
enabled: false
},
tooltip: {
valueSuffix: 'k'
},
legend: {
layout: 'vertical',
align: 'middle',
verticalAlign: 'top',
y: 20,
borderWidth: 0,
itemStyle: {
fontSize: '8px'
}
},
series: [{
name: 'Trend',
marker: {
enabled: false,
states: {
hover: {
enabled: true
}
}
},
data: [11520.3,
11524.2,
11527.6,
11535.0,
11548.0,
11565.6,
11586.0,
11606.1,
11624.2,
11639.1,
11651.2,
...