Chart for high-pressure economy EM article

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="economyMattersChart" id="container_NaturalUnemploymentRate"></div>

CSS

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

JavaScript

$(document).ready(function(){

    /* define recession bands for charts that will use them */
    var recessionBands = [
      { color: '#EFEFEF', from: Date.UTC(1923,4,1), to: Date.UTC(1924,5,1) },
      { color: '#EFEFEF', from: Date.UTC(1926,9,1), to: Date.UTC(1927,10,1) },
      { color: '#EFEFEF', from: Date.UTC(1929,7,1), to: Date.UTC(1933,2,1) },
      { color: '#EFEFEF', from: Date.UTC(1937,4,1), to: Date.UTC(1938,5,1) },
      { color: '#EFEFEF', from: Date.UTC(1945,1,1), to: Date.UTC(1945,9,1) },
      { color: '#EFEFEF', from: Date.UTC(1948,10,1), to: Date.UTC(1949,9,1) },
      { color: '#EFEFEF', from: Date.UTC(1953,6,1), to: Date.UTC(1954,4,1) },
      { color: '#EFEFEF', from: Date.UTC(1957,7,1), to: Date.UTC(1958,3,1) },
      { color: '#EFEFEF', from: Date.UTC(1960,3,1), to: Date.UTC(1961,1,1) },
      { color: '#EFEFEF', from: Date.UTC(1969,11,1), to: Date.UTC(1970,10,1) },
      { color: '#EFEFEF', from: Date.UTC(1973,10,1), to: Date.UTC(1975,2,1) },
      { color: '#EFEFEF', from: Date.UTC(1980,0,1), to: Date.UTC(1980,6,1) },
      { color: '#EFEFEF', from: Date.UTC(1981,6,1), to: Date.UTC(1982,10,1) },
      { color: '#EFEFEF', from: Date.UTC(1990,6,1), to: Date.UTC(1991,2,1) },
      { color: '#EFEFEF', from: Date.UTC(2001,2,1), to: Date.UTC(2001,10,1) },
      { color: '#EFEFEF', from: Date.UTC(2007,11,1), to: Date.UTC(2009,5,1) }	
    ];

  var ActualUnemployment =...