Annual Report: Southeast Labor Force Participation Rate

author: Mike Zavarello

by Mike Zavarello

HTML

<!-- Atlanta Fed scripts -->
<script src="https://www.frbatlanta.org/~/media/javascript/system/UniversalGoogleAnalytics.js"></script>
<script src="https://www.frbatlanta.org/~/media/javascript/economy-matters/annual-report/2018/highcharts-global-settings_2018-annual-report_min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Francois+One" rel="stylesheet"> 

<!-- standard Highcharts scripts -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div class="economyMattersChart" id="container_SoutheastLaborForceParticipationRate"></div>

CSS

.economyMattersChart { height: 400px; width: 100%; margin: 0 auto; }

JavaScript

$(document).ready(function(){ 

	var iframeWidth_SoutheastLaborForceParticipationRate = $('.economyMattersChart').width();
	var iframeHeight_SoutheastLaborForceParticipationRate = $('.economyMattersChart').height();

	var sourceLine_SoutheastLaborForceParticipationRate = 'Source: Current Population Survey from the Bureau of Labor Statistics';
	setChartDefaults(iframeWidth_SoutheastLaborForceParticipationRate,iframeHeight_SoutheastLaborForceParticipationRate,sourceLine_SoutheastLaborForceParticipationRate,50);
	var chartOptions_SoutheastLaborForceParticipationRate = {
	  chart: { marginBottom: 115, marginRight: 20, renderTo: 'container_SoutheastLaborForceParticipationRate', type: 'line' },
	  exporting: {
		chartOptions: {
		  legend: { enabled: true }
		},
		filename: 'atlanta-fed_economy-matters_southeast-labor-force-participation-rate'
	  },
		legend: { floating: false, x: -15, itemWidth: iframeWidth_SoutheastLaborForceParticipationRate * 0.25, width: iframeWidth_SoutheastLaborForceParticipationRate * 0.5 },
	  subtitle: { text: '' },
	  title: { text: 'Southeast Labor Force Participation Rate', width: iframeWidth_SoutheastLaborForceParticipationRate * 0.8 },
	  tooltip: {
		formatter: function () {
		  var s = '<span style="font-size: 14px;">' + this.x + '</span>';
		  $.each(this.points, function (i, point) {
			s += '<br /><span style="color: ' + point.series.color + ';">' + point.series.name + '</span>: ' + Highcharts.numberFormat(point.y, 1) + '%';
		  });
		  return s;
		},
		shared: true
	  },
	  xAxis: {
		  categories: ['1998 Q1','1998 Q2','1998 Q3','1998 Q4','1999 Q1','1999 Q2','1999 Q3','1999 Q4','2000 Q1','2000 Q2','2000 Q3','2000 Q4','2001 Q1','2001 Q2','2001 Q3','2001 Q4','2002 Q1','2002 Q2','2002 Q3','2002 Q4','2003 Q1','2003 Q2','2003 Q3','2003 Q4','2004 Q1','2004 Q2','2004 Q3','2004 Q4','2005 Q1','2005 Q2','2005 Q3','2005 Q4','2006 Q1','2006 Q2','2006 Q3','2006 Q4','2007 Q1','2007 Q2','2007 Q3','2007 Q4','2008 Q1','2008 Q2','2008 Q3','2008...