(function () { var script = document.getElementById('highcharts-script'); function addChart() { function parseData(completeHandler, chartOptions) { try { var dataOptions = { "seriesMapping": [ { "x": 0 } ], "columnTypes": [ "float", "float" ], "csv": "Year,No Degree\n2016,10.9\n2015,11.6\n2014,11.7\n2013,11.8\n2012,12.4\n2011,12.4\n2010,12.9\n2009,13.3\n2008,13.4\n2007,14.3\n2006,14.5\n2005,14.8\n2004,14.8\n2003,15.4\n2002,15.9\n2001,15.9\n2000,15.9\n1999,16.6\n1998,17.2\n1997,17.9\n1996,18.3\n1995,18.3\n1994,19.1\n1993,19.8\n1992,20.6\n1991,21.6\n1990,22.4\n1989,23.1\n1988,23.8\n1987,24.4\n1986,25.3\n1985,26.1\n1984,26.7\n1983,27.9\n1982,29\n1981,30.3\n1980,31.4\n1979,32.2\n1978,34.1\n1977,35.1\n1976,35.9\n1975,37.5\n1974,38.8\n1973,40.2\n1972,41.8\n1971,43.6\n1970,44.8\n1969,46\n1968,47.4\n1967,48.8\n1966,50.1\n1965,51\n1964,52\n1962,53.7\n1959,55.2\n1957,57.3\n1952,60.6\n1950,63.9\n1947,65.9\n1940,74.5" }; dataOptions.sort = true dataOptions.complete = completeHandler; Highcharts.data(dataOptions, chartOptions); } catch (error) { console.log(error); completeHandler(undefined); } } var shareUrl = 'http://cloud.highcharts.com/show/unixofe'; var encodedUrl = encodeURIComponent(shareUrl); Highcharts.setOptions({ "lang": { "thousandsSep": "," } }); var template = { chart: { renderTo: 'highcharts-unixofe' }, navigation: { menuItemStyle: { fontFamily: Highcharts.SVGRenderer.prototype.getStyle().fontFamily, padding: '2px 10px' } }, exporting: { buttons: { contextButton: { menuItems: [{ text: '' + 'Share on Facebook' }, { text: '' + 'Share on Google+' }, { text: '' + 'Share on Twitter' }, { text: '' + 'Share on LinkedIn' }, { separator: true }] .concat(Highcharts.getOptions().exporting.buttons.contextButton.menuItems) .concat([{ separator: true }, { text: '' + 'Edit chart' }, { text: '' + 'Create chart' }]) } } } }; var chartOptions = { "yAxis": { "title": { "text": null }, "labels": { "format": "{value}%" } }, "exporting": { "enabled": false }, "xAxis": { "gridLineWidth": 1 }, "credits": { "position": { "x": 20, "y": -1, "align": "left" }, "href": "https://www.census.gov/data/tables/2016/demo/education-attainment/cps-detailed-tables.html", "text": "Source: Census" }, "accessibility": { "enabled": false }, "legend": { "enabled": false }, "series": [ { "marker": { "enabled": false }, "tooltip": { "valuePrefix": null, "valueSuffix": "%" }, "index": 0 } ], "title": { "style": { "fontSize": "14px" }, "text": "Adults Aged 25+ Without High School Degree (1940-2016)" }, "chart": { "description": null, "type": "line" }, "colors": [ "#B31021", "#434348", "#90ed7d", "#f7a35c", "#8085e9", "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1" ] }; parseData(function (dataOptions) { // Merge series configs if (chartOptions.series && dataOptions) { Highcharts.each(chartOptions.series, function (series, i) { chartOptions.series[i] = Highcharts.merge(series, dataOptions.series[i]); }); } var options = Highcharts.merge(dataOptions, chartOptions, template); var chart = new Highcharts['Chart'](options); }, chartOptions); } // Load the Highcharts script if undefined, and add the chart if (typeof Highcharts !== 'undefined') { addChart(); } else if (script) { script.deferredCharts.push(addChart); } else { script = document.createElement('script'); script.id = 'highcharts-script'; script.src = '//cloud.highcharts.com/resources/js/highstock-cloud-5.0.7.js'; script.type = 'text/javascript'; script.deferredCharts = [addChart]; script.onload = function () { // Prevent double firing of event in IE9/IE10 if (!script.chartsAdded) { script.chartsAdded = true; while(script.deferredCharts.length) { script.deferredCharts.shift()(); } } }; script.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { script.onload(); } }; document.getElementsByTagName('head')[0].appendChild(script); } }());