(function () {
var script = document.getElementById('highcharts-script');
function addChart() {
function parseData(completeHandler, chartOptions) {
try {
var dataOptions = {
"seriesMapping": [
{
"x": 0
},
{
"x": 0
}
],
"columnTypes": [
"string",
"float",
"float"
],
"csv": "Datum,Clinton,Trump\n07.07.2015,53.3,33.7\n21.07.2015,52.8,33.8\n04.08.2015,51.8,37\n18.08.2015,51,38.6\n01.09.2015,48.6,42\n15.09.2015,46.3,43.5\n29.09.2015,46.6,43\n13.10.2015,45.3,43.7\n27.10.2015,45.7,43.2\n10.11.2015,47.7,43.3\n24.11.2015,47.6,43.2\n08.12.2015,47,43.7\n22.12.2015,48.4,42.1\n05.01.2016,45.6,40.8\n19.01.2016,45.3,42.8\n02.02.2016,47.5,44\n16.02.2016,46.2,42.8\n01.03.2016,46.5,43.5\n15.03.2016,48.2,40.2\n29.03.2016,50,38.8\n12.04.2016,49.1,38.7\n26.04.2016,49,40.5\n10.05.2016,47.3,40.9\n24.05.2016,43.2,43.3\n07.06.2016,44,42\n21.06.2016,45,39.2\n05.06.2016,44.9,40.3"
};
dataOptions.sort = true
dataOptions.complete = completeHandler;
Highcharts.data(dataOptions, chartOptions);
} catch (error) {
console.log(error);
completeHandler(undefined);
}
}
var shareUrl = 'https://app.everviz.com/show/iforek';
var encodedUrl = encodeURIComponent(shareUrl);
var template = {
chart: {
renderTo: 'highcharts-iforek'
},
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": "%"
}
},
"exporting": {
"enabled": false
},
"credits": {
"branded": true,
"text": "Highcharts",
"href": "//app.everviz.com/",
"enabled": true
},
"series": [
{
"color": "#203b80",
"index": 0
},
{
"color": "#b12b34",
"index": 1
}
],
"tooltip": {
"shared": true
},
"title": {
"style": {
"fontSize": "16px"
},
"text": "Clinton vs. Trump: Umfragen landesweit"
},
"chart": {
"style": {
"fontFamily": "Arial"
},
"type": "spline"
}
};
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);
}
}());