Chart for June 2020 Partners Update
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/highcharts/highcharts-global-settings-min.js"></script>
<!-- standard Highcharts scripts -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div class="PartnersUpdateChart" id="container_PartnersUpdateChart1"></div>
CSS
.PartnersUpdateChart { height: 450px; width: 100%; margin: 0 auto; }
JavaScript
$(document).ready(function(){
var iframeWidth_PartnersUpdateChart = $('.PartnersUpdateChart').width();
var iframeHeight_PartnersUpdateChart = $('.PartnersUpdateChart').height();
/* cap1 chart 5: tier 1 common capital and risk-weighted assets */
var sourceLine_PartnersUpdateChart1 = 'Note: Analysis is by Alexander Ruder, Federal Reserve Bank of Atlanta.<br />Sources: Fiscal year wait-list data from <a href="http://www.floridaearlylearning.com/Content/Uploads/floridaearlylearning.com/files/2017-2018 Annual Report_ADA.pdf" target="new">Florida Office of Early Learning Annual Report 2017–18</a> and annual average unemployment rates from <a href="https://fred.stlouisfed.org/series/FLUR#0" target="new">FRED Economic Data</a>, Federal Reserve Bank of St. Louis';
setChartDefaults(iframeWidth_PartnersUpdateChart,iframeHeight_PartnersUpdateChart,sourceLine_PartnersUpdateChart1,80);
var chartOptions_PartnersUpdateChart1 = {
chart: { marginBottom: 160, marginRight: 60, renderTo: 'container_PartnersUpdateChart1', alignTicks: false },
exporting: {
chartOptions: {
legend: { enabled: true }
},
filename: 'atlanta-fed_wait-list-length-and-florida-unemployment-rate-by-year'
},
legend: { floating: false, x: -15, itemWidth: iframeWidth_PartnersUpdateChart * 0.4, width: iframeWidth_PartnersUpdateChart * 0.8 },
subtitle: { text: '', width: iframeWidth_PartnersUpdateChart * 0.8 },
title: { text: 'Wait-list Length and Florida Unemployment Rate by Year', width: iframeWidth_PartnersUpdateChart * 0.8 },
plotOptions: {
column: { stacking: 'normal', borderWidth: 0 }
},
tooltip: {
formatter: function () {
var s = '<span style="font-size: 14px;">' + this.x + '</span>';
$.each(this.points, function (i, point) {
if (point.series.name == 'State Unemployment Rate') {
s += '<br /><span style="color: ' + point.series.color + '; font-weight: bold;">' + point.series.name + '</span>: ' + Highcharts.numberFormat(point.y, 1) +...