(function () { var script = document.getElementById('highcharts-script'); function addChart() { function parseData(completeHandler, chartOptions) { try { var dataOptions = { "seriesMapping": [ { "x": 0 } ], "columnTypes": [ "float", "float" ], "csv": "Percentile,Earnings\n0,\n1,0\n2,0\n3,0\n4,0\n5,0\n6,0\n7,0\n8,0\n9,0\n10,0\n11,0\n12,0\n13,0\n14,0\n15,0\n16,0\n17,0\n18,0\n19,0\n20,0\n21,0\n22,0\n23,0\n24,0\n25,0\n26,0\n27,0\n28,0\n29,0\n30,0\n31,0\n32,0\n33,0\n34,0\n35,0\n36,0\n37,0\n38,0\n39,0\n40,0\n41,0\n42,0\n43,0\n44,0\n45,0\n46,0\n47,0\n48,0\n49,300\n50,1500\n51,2800\n52,4000\n53,5700\n54,7202\n55,9000\n56,10000\n57,12000\n58,13636\n59,15000\n60,16000\n61,18000\n62,20000\n63,20000\n64,22000\n65,24000\n66,25000\n67,26000\n68,27600\n69,29328\n70,30000\n71,30100\n72,32000\n73,35000\n74,35000\n75,37000\n76,39999\n77,40000\n78,42000\n79,45000\n80,45000\n81,48000\n82,50000\n83,50000\n84,54000\n85,56000\n86,60000\n87,60002\n88,65000\n89,70000\n90,72000\n91,76000\n92,80000\n93,88000\n94,95000\n95,100000\n96,112000\n97,128500\n98,150000\n99,200000\n100," }; dataOptions.sort = true dataOptions.complete = completeHandler; Highcharts.data(dataOptions, chartOptions); } catch (error) { console.log(error); completeHandler(undefined); } } var shareUrl = 'https://54.244.161.160/show/adevewe'; var encodedUrl = encodeURIComponent(shareUrl); Highcharts.setOptions({ "lang": { "thousandsSep": "," } }); var template = { chart: { renderTo: 'highcharts-adevewe' }, 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 } }, "exporting": { "enabled": false }, "xAxis": { "title": { "text": "Percentile" } }, "credits": { "position": { "x": 20, "y": -1, "align": "left" }, "href": null, "text": "Source: CPS ASEC" }, "legend": { "enabled": false }, "series": [ { "tooltip": { "valuePrefix": "$" }, "index": 0 } ], "title": { "style": { "fontSize": "14px" }, "text": "Personal Earnings by Percentile of Entire Population (2016)" }, "chart": { "type": "area" }, "colors": [ "#B31021" ] }; 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); } }());