$(function(){ Highcharts.setOptions({“global”: {}, “lang”: {“thousandsSep”: “,”}}); var option = {“chart”: {“renderTo”: “container”, “type”: “bar”, “width”: 390, “height”: 390}, “colors”: [“#CBCCCD”, “#19AF9A”, “#C8541B”, “#0B476F”, “#FBB03B”], “credits”: {“enabled”: false}, “drilldown”: {}, “exporting”: {}, “labels”: {}, “legend”: {“reversed”: true, “width”: 360, “padding”: 3, “margin”: 2, “itemDistance”: 7}, “loading”: {}, “navigation”: {}, “pane”: {}, “plotOptions”: {“series”: {“stacking”: “normal”}}, “series”: {}, “subtitle”: {}, “title”: {“text”: “”}, “tooltip”: {“formatter”: function() { var serie = this.series; var open_unique = serie.options.open_unique; math = parseFloat(this.y)*100/open_unique; return serie.options.name+”: ” + this.y + ” ” +serie.options.name+”“; }}, “xAxis”: {“categories”: [“2116 – From service to school”, “1475 – A boatful of cultural references”, “1298 – What an opioid settlement might look like”, “1263 – After her last job, law school might not …”, “662 – Desserts and Chocolate”, “204 – ‘The King of Comedy’”], “labels”: {“align”: “left”, “x”: 5, “y”: -15, “useHTML”: true, “style”: {“color”: “#000000”, “whiteSpace”: “nowrap”, “textOverflow”: “none”, “width”: “300px”}}}, “yAxis”: {“min”: 0, “title”: {“text”: “Clicks by group”, “align”: “low”}}}; var chart = new Highcharts.Chart(option); var data = [{“data”: [[1138.0], [1123.0], [518.0], [207.0], [66.0], [42.0]], “type”: “bar”, “name”: “Other”}, {“data”: [[3236.0], [1897.0], [1389.0], [255.0], [73.0], [43.0]], “type”: “bar”, “name”: “Alumni”}, {“data”: [[1351.0], [1895.0], [1021.0], [246.0], [14.0], [9.0]], “type”: “bar”, “name”: “Staff”}, {“data”: [[301.0], [239.0], [182.0], [12.0], [5.0], [NaN]], “type”: “bar”, “name”: “Faculty”}, {“data”: [[114.0], [178.0], [153.0], [7.0], [NaN], [NaN]], “type”: “bar”, “name”: “Students”}]; var dataLen = data.length; for (var ix = 0; ix < dataLen; ix++) { chart.addSeries(data[ix]); } });