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