Salary centre: Avg salary + vacancies
by Angelos Chaidas
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<div class="ssc_chart ssc_chart_average_salary"></div>
CSS
.ssc_chart {
width: 630px;
height: 365px;
margin: 0 auto;
border: 1px solid #EFEFEF;
}
JavaScript
$(function() {
// Global theme settings for Highcharts
Highcharts.setOptions({
chart: {
style: {
fontFamily: "Arial, Verdana, sans-serif",
fontSize: "12px"
}
},
credits: {
text: "powered by Adzuna",
href: "https://www.adzuna.co.uk"
}
});
$('.ssc_chart_average_salary').highcharts({
title: {
text: "UK - Average salaries and vacancies over time"
},
credits: {
enabled: false
},
legend: {
layout: 'horizontal',
align: 'center',
itemStyle: {
color: '#212121',
fontWeight: "normal"
}
},
// Ensure the xAxis knows it's a datetime
xAxis: {
type: "datetime",
units: [
['month', [1]]
],
labels: {
style: {
color: "#212121",
fontSize: "12px"
},
rotation: -30
}
},
// We'll have two y-axis in this chart
yAxis: [
// First for the average salary, 0 to 100K in GBP
{
title: {
text: "Average annual salary in GBP",
style: {
color: "#C20020"
}
}
}, {
title: {
text: "Number of vacancies",
style: {
color: "#7CB5EC"
}
},
opposite: true
}
],
plotOptions: {
series: {
pointStart: Date.UTC(2015, 8),
pointIntervalUnit: "month"
}
},
series: [
// First series: Average salaries in line chart
{
name:...