(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);
}
}());