(function () {
var script = document.getElementById('highcharts-script');
function addChart() {
function parseData(completeHandler, chartOptions) {
try {
var dataOptions = {
"seriesMapping": [
{
"x": 0
}
],
"columnTypes": [
"float",
"float"
],
"csv": "Out,No qualifications\n42.1,2.5\n43.3,3.1\n30.7,3.2\n50.6,3.3\n46.1,3.4\n52.2,3.6\n48.2,3.8\n48.5,3.9\n53.9,4.1\n45.4,4.2\n53.7,4.3\n51.6,4.3\n49.4,4.3\n45,4.3\n25,4.3\n50.4,4.4\n44.2,4.5\n31,4.5\n26.2,4.5\n42,4.6\n43.3,4.7\n37.1,4.7\n57.2,4.9\n56,4.9\n30,4.9\n47.7,5\n42.3,5\n41.2,5\n57.6,5.1\n59.9,5.2\n48,5.2\n37.8,5.2\n31.3,5.2\n25.6,5.2\n53.9,5.3\n47.1,5.3\n38.9,5.3\n25.7,5.3\n28.6,5.4\n54.3,5.5\n43.8,5.5\n40.5,5.5\n52.5,5.6\n31.4,5.6\n54.2,5.7\n49,5.7\n44.8,5.8\n30.1,5.8\n58.2,5.9\n52.2,5.9\n38.4,5.9\n38.3,5.9\n35.4,5.9\n56.5,6\n52.7,6\n45.4,6\n62.2,6.1\n59.9,6.1\n54.9,6.1\n25.1,6.1\n50.7,6.2\n49.6,6.2\n42,6.2\n40.3,6.2\n38.9,6.2\n24.8,6.2\n21.4,6.2\n58.8,6.3\n58.6,6.3\n56.9,6.3\n50.3,6.3\n53.8,6.4\n45.6,6.4\n73.6,6.5\n60.6,6.5\n56.4,6.5\n54.7,6.5\n48.9,6.5\n60.3,6.6\n43.8,6.6\n64.8,6.7\n61.9,6.7\n55.4,6.8\n56.1,6.9\n47.9,6.9\n61,7\n57.8,7\n52.8,7\n45.7,7\n41.5,7\n60.1,7.1\n55.7,7.1\n54,7.1\n50.5,7.1\n45.4,7.1\n63.1,7.2\n62.7,7.2\n41.7,7.2\n61.2,7.3\n58.2,7.3\n50.9,7.3\n50.7,7.3\n61.8,7.4\n60.3,7.4\n41.4,7.4\n62.2,7.5\n61.1,7.5\n49.3,7.5\n48.9,7.5\n71.5,7.6\n60.4,7.6\n27.2,7.6\n68.6,7.7\n62,7.7\n56.2,7.7\n54.3,7.7\n53.7,7.7\n53.4,7.7\n50.5,7.7\n41.9,7.7\n58.6,7.8\n56.6,7.8\n56.4,7.8\n54.4,7.8\n44,7.8\n53.6,7.9\n51.8,7.9\n50.7,7.9\n37.9,7.9\n63.8,8\n60.3,8\n54.3,8\n66.3,8.1\n59.2,8.1\n58.5,8.1\n57.2,8.1\n50.9,8.1\n50.8,8.1\n43.8,8.1\n70.7,8.2\n64.1,8.2\n54.1,8.2\n68.9,8.4\n63.9,8.4\n62,8.4\n51.2,8.4\n50.7,8.4\n42.2,8.4\n62.4,8.5\n60.7,8.5\n57.3,8.5\n56.8,8.5\n56.2,8.5\n54,8.6\n32.3,8.6\n56.4,8.7\n51.9,8.7\n59,8.8\n55.6,8.8\n51.1,8.8\n49.7,8.8\n40,8.8\n24.4,8.8\n64.2,8.9\n62.5,8.9\n58.5,8.9\n51.7,8.9\n48.3,8.9\n54.1,9\n51.4,9\n48.1,9\n63.2,9.1\n60.9,9.1\n59.2,9.1\n57.4,9.1\n56.8,9.1\n39.6,9.1\n36.9,9.1\n64.7,9.2\n62.9,9.3\n58.1,9.3\n54.9,9.3\n54.2,9.3\n63,9.4\n59.2,9.4\n54.5,9.6\n46.3,9.6\n45.1,9.6\n41,9.6\n58.6,9.7\n58.3,9.7\n61.7,9.8\n66.2,9.9\n61.2,9.9\n53.7,9.9\n44.7,9.9\n39.4,9.9\n69,10\n67.9,10\n55.2,10\n51,10\n32.5,10\n71.4,10.1\n55.3,10.1\n43.2,10.1\n35.2,10.1\n62.5,10.2\n61.3,10.2\n58.8,10.2\n50.9,10.2\n46,10.2\n67.5,10.4\n69.7,10.5\n58.1,10.5\n54.7,10.5\n54.6,10.5\n46.9,10.5\n40.2,10.5\n72.3,10.6\n69.5,10.6\n59.8,10.6\n44.4,10.6\n59.4,10.7\n56.9,10.7\n64.2,10.8\n63,10.8\n57.9,10.8\n21.5,10.8\n66.2,10.9\n62.3,10.9\n53.7,10.9\n68.3,11\n60.4,11\n57.1,11\n56,11\n49.3,11\n47.2,11\n69.9,11.1\n66.4,11.3\n62.4,11.3\n58.3,11.3\n58.9,11.4\n58,11.4\n58.6,11.6\n40.9,11.6\n65.5,11.7\n49.9,11.7\n69.6,11.8\n62,11.8\n43.1,12\n58.4,12.2\n55.3,12.3\n50.8,12.4\n39.6,12.4\n67.6,12.5\n53.7,12.5\n66.6,12.6\n61.1,12.6\n57.6,12.8\n51.5,12.8\n48.9,12.8\n62.4,12.9\n33.4,13\n57.5,13.1\n38.3,13.2\n36.2,13.4\n66.4,13.6\n41.8,13.6\n63.2,13.7\n54.6,13.8\n67.8,13.9\n66,13.9\n60.1,13.9\n56.4,14\n38,14.3\n56.3,14.5\n63.1,14.7\n56.5,14.8\n60.9,15\n55.6,15\n54.2,15\n53.3,15\n67.5,15.4\n56.8,15.4\n50.4,15.6\n41.4,15.6\n51.6,16\n67.6,16.3\n63.2,16.3\n66.9,16.9\n69.4,17.1\n65,18\n67.9,18.4\n62,19\n62.6,19.1\n66.7,22.2"
};
dataOptions.sort = true
dataOptions.complete = completeHandler;
Highcharts.data(dataOptions, chartOptions);
} catch (error) {
console.log(error);
completeHandler(undefined);
}
}
var shareUrl = 'https://app.everviz.com/show/inavix';
var encodedUrl = encodeURIComponent(shareUrl);
var template = {
chart: {
renderTo: 'highcharts-inavix'
},
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": "No education (%)"
}
},
"exporting": {
"enabled": false
},
"xAxis": {
"title": {
"text": "Leave vote (%)"
}
},
"credits": {
"href": "https://www.nomisweb.co.uk/reports/lmp/la/1946157251/subreports/quals_compared/report.aspx?",
"text": "Source: NOMIS"
},
"legend": {
"enabled": false
},
"series": [
{
"color": "#f22424",
"index": 0
}
],
"subtitle": {
"text": "Brexit vote compared to proportion of those aged 16-64 with no education; each point representing a local area"
},
"tooltip": {
"enabled": false
},
"title": {
"text": "Those with no education tended to vote Brexit"
},
"chart": {
"type": "scatter"
}
};
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 = '//app.everviz.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);
}
}());