(function () {
    var script = document.getElementById('highcharts-script');

    function addChart() {
        function parseData(completeHandler, chartOptions) {
	try {
		var dataOptions = {
  "seriesMapping": [],
  "columnTypes": [
    "date",
    "float"
  ],
  "csv": ",12 month percentage change\n1136073600000,6.2\n1138752000000,6.5\n1141171200000,6.5\n1143849600000,7.3\n1146441600000,7.1\n1149120000000,7.3\n1151712000000,7.4\n1154390400000,7.9\n1157068800000,8.5\n1159660800000,9.4\n1162339200000,9.6\n1164931200000,10.4\n1167609600000,10.5\n1170288000000,10.6\n1172707200000,10.6\n1175385600000,10.4\n1177977600000,10.6\n1180656000000,10.8\n1183248000000,10.6\n1185926400000,10.3\n1188604800000,10\n1191196800000,9.1\n1193875200000,8.5\n1196467200000,7\n1199145600000,5.1\n1201824000000,3.9\n1204329600000,2.4\n1207008000000,0.5\n1209600000000,0\n1212278400000,-2.4\n1214870400000,-4.7\n1217548800000,-7.2\n1220227200000,-9.7\n1222819200000,-11.3\n1225497600000,-13.7\n1228089600000,-14.9\n1230768000000,-15.4\n1233446400000,-15.6\n1235865600000,-15.5\n1238544000000,-14.9\n1241136000000,-14.3\n1243814400000,-12.2\n1246406400000,-9.7\n1249084800000,-6.9\n1251763200000,-3.7\n1254355200000,-1\n1257033600000,2.2\n1259625600000,4.4\n1262304000000,6.5\n1264982400000,8\n1267401600000,8.7\n1270080000000,9.1\n1272672000000,8.1\n1275350400000,7.6\n1277942400000,6.8\n1280620800000,5.7\n1283299200000,4.6\n1285891200000,2.8\n1288569600000,1.2\n1291161600000,0.4\n1293840000000,-0.1\n1296518400000,-0.9\n1298937600000,-1.3\n1301616000000,-1.1\n1304208000000,-2\n1306886400000,-2.3\n1309478400000,-2.1\n1312156800000,-2\n1314835200000,-2\n1317427200000,-2\n1320105600000,-0.7\n1322697600000,-1\n1325376000000,-0.8\n1328054400000,-0.6\n1330560000000,0.2\n1333238400000,-0.2\n1335830400000,0.6\n1338508800000,1.4\n1341100800000,0.5\n1343779200000,0.5\n1346457600000,0.4\n1349049600000,0.8\n1351728000000,0.9\n1354320000000,1.1\n1356998400000,1.1\n1359676800000,1.3\n1362096000000,1.6\n1364774400000,1.5\n1367366400000,1.7\n1370044800000,1.5\n1372636800000,2.3\n1375315200000,3\n1377993600000,3.4\n1380585600000,3.7\n1383264000000,4.2\n1385856000000,5.4\n1388534400000,6.2\n1391212800000,6.7\n1393632000000,6.4\n1396310400000,7.7\n1398902400000,8.3\n1401580800000,8.4\n1404172800000,8.7\n1406851200000,9.1\n1409529600000,9.1\n1412121600000,9.4\n1414800000000,8.4\n1417392000000,7.7\n1420070400000,7\n1422748800000,6.7\n1425168000000,6.7\n1427846400000,5.3\n1430438400000,5.3\n1433116800000,5.2\n1435708800000,5.5\n1438387200000,5.2\n1441065600000,5.3\n1443657600000,5.6\n1446336000000,6.8\n1448928000000,6.9\n1451606400000,7.8\n1454284800000,7.7\n1456790400000,8.2\n1459468800000,8\n1462060800000,8.6\n1464739200000,9.3\n1467331200000,8\n1470009600000,7.7\n1472688000000,7.7"
};
		dataOptions.sort = true
		dataOptions.complete = completeHandler;
		Highcharts.data(dataOptions, chartOptions);
	} catch (error) {
		console.log(error);
		completeHandler(undefined);
	}
}
var shareUrl = 'https://app.everviz.com/show/otyguve';
var encodedUrl = encodeURIComponent(shareUrl);

        var template = {
            chart: {
                renderTo: 'highcharts-otyguve'
            },
            navigation: {
                menuItemStyle: {
                    fontFamily: Highcharts.SVGRenderer.prototype.getStyle().fontFamily,
                    padding: '2px 10px'
                }
            },
            exporting: {
                buttons: {
                    contextButton: {
                        menuItems: [{
                            text: '<a href="https://www.facebook.com/sharer/sharer.php?u=' + encodedUrl + '" target="_blank">' +
                            'Share on Facebook</a>'
                        }, {
                            text: '<a href="https://plus.google.com/share?url=' + encodedUrl + '" target="_blank">' +
                            'Share on Google+</a>'
                        }, {
                            text: '<a href="https://twitter.com/share?url=' + encodedUrl + '&text=' + document.title + '" target="_blank">' +
                            'Share on Twitter</a>'
                        }, {
                            text: '<a href="https://www.linkedin.com/shareArticle?mini=true&url=' + encodedUrl + '" target="_blank">' +
                            'Share on LinkedIn</a>'
                        }, {
                            separator: true
                        }]
                            .concat(Highcharts.getOptions().exporting.buttons.contextButton.menuItems)
                            .concat([{
                                separator: true
                            }, {
                                text: '<a href="' + shareUrl.replace('/show/', '/charts/') + '" target="_blank">' + 'Edit chart</a>'
                            }, {
                                text: '<a href="/charts" target="_blank">' + 'Create chart</a>'
                            }])
                    }
                }
            }
        };
        var chartOptions = {
  "yAxis": {
    "title": {
      "text": "12 month change, %"
    }
  },
  "series": [
    {
      "index": 0
    }
  ],
  "subtitle": {
    "text": "Source: ONS"
  },
  "title": {
    "text": "House prices are rising rapidly, in part because of weak supply"
  }
};
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);
    }
}());