JavaScript
$(function () {
$('#container').highcharts({
chart: {
type: 'area'
},
title: {
text: 'I don\'t often code, but when I do I use...'
},
subtitle: {
text: 'Source: ar3 history'
},
xAxis: {
categories: ['2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015'],
tickmarkPlacement: 'on',
title: {
enabled: false
}
},
yAxis: {
title: {
text: 'Percent of time, FTE and Entrepreneurship work'
}
},
tooltip: {
pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.percentage:.1f}%</b> ({point.y:,.0f} normal work months)<br/>',
shared: true
},
plotOptions: {
area: {
stacking: 'percent',
lineColor: '#ffffff',
lineWidth: 1,
marker: {
lineWidth: 1,
lineColor: '#ffffff'
}
}
},
series: [{
name: 'Classic ASP',
data: [6,0,0,0,0,0,0,0,0,0,0]
}, {
name: 'Java',
data: [9,1,0,0,0,0,0,0,0,0,0]
}, {
name: 'PHP',
data: [0,7,0,0,0,0,0,0,0,0,0]
}, {
name: 'C#',
data: [0,9,16,12,12,12,12,0,0,0,0]
}, {
name: 'Advanced UI (jQuery/Semantic Markup/Responsive CSS)',
data: [1,1,2,2,3,5,8,8,8,8,8]
}, {
name: 'Titanium (Javascript abstraction for Native iOS and Android apps)',
data: [0,0,0,0,0,0,3,9,0,0,0]
}, {
name: 'Ruby',
data: [0,0,1,0,0,1,10,12,12,12, 12]
}]
});
});