(function () { var script = document.getElementById('highcharts-script'); function addChart() { function parseData(completeHandler, chartOptions) { try { var dataOptions = { "seriesMapping": [ { "x": 0 } ], "columnTypes": [ "float", "float" ], "csv": "Percentile,Wealth\n0,\n1,-80620\n2,-50920\n3,-34580\n4,-25749\n5,-17300\n6,-11710\n7,-7998\n8,-5170\n9,-2818\n10,-950\n11,0\n12,60\n13,320\n14,680\n15,1100\n16,1560\n17,2350\n18,3230\n19,4080\n20,4800\n21,5620\n22,6410\n23,7651\n24,8971\n25,10275\n26,11451\n27,13041\n28,14920\n29,16900\n30,18900\n31,21001\n32,23100\n33,26100\n34,28500\n35,31105\n36,34220\n37,38070\n38,41360\n39,45030\n40,49100\n41,53900\n42,58500\n43,63000\n44,67000\n45,71501\n46,76960\n47,81750\n48,87000\n49,92000\n50,97300\n51,102400\n52,107180\n53,113000\n54,119800\n55,126800\n56,136050\n57,145000\n58,152300\n59,160401\n60,170000\n61,179400\n62,188200\n63,197200\n64,206940\n65,220900\n66,229500\n67,240900\n68,253300\n69,266680\n70,279000\n71,295250\n72,311500\n73,324800\n74,344000\n75,368600\n76,394500\n77,413900\n78,438550\n79,469900\n80,499350\n81,542500\n82,583600\n83,624700\n84,674010\n85,739000\n86,809400\n87,883000\n88,979930\n89,1072550\n90,1186570\n91,1317500\n92,1445700\n93,1686700\n94,2044300\n95,2387250\n96,2838000\n97,3693600\n98,5793500\n99,10350300\n100," }; dataOptions.sort = true dataOptions.complete = completeHandler; Highcharts.data(dataOptions, chartOptions); } catch (error) { console.log(error); completeHandler(undefined); } } var shareUrl = 'https://app.everviz.com/show/yfutyvy'; var encodedUrl = encodeURIComponent(shareUrl); Highcharts.setOptions({ "lang": { "thousandsSep": "," } }); var template = { chart: { renderTo: 'highcharts-yfutyvy' }, 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": "Wealth Percentile" } }, "credits": { "href": null, "text": "Source: Survey of Consumer Finances" }, "legend": { "enabled": false }, "series": [ { "tooltip": { "valuePrefix": "$" }, "index": 0 } ], "title": { "style": { "fontSize": "14px" }, "text": "Wealth Level By Percentile (2016)" }, "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); } }());