$('#report').highcharts({ chart: { type: 'column', backgroundColor: '#2a3f50', height: 475, marginTop: 100 }, credits: { enabled: false }, title: { text: undefined }, xAxis: { categories: [ 'MON', 'TUE', 'WED', 'THU', 'FRI' ], tickColor: 'transparent', labels: { style: { color: '#fff' } }, crosshair: true }, yAxis: { min: 0, title: { text: undefined }, gridLineColor: '#345168', lineColor: '#fff', lineWidth: 1, labels: { style: { color: '#fff' } } }, plotOptions: { column: { borderWidth: 0, stacking: 'normal', pointWidth: 25, cursor: 'pointer' } }, legend: { itemStyle: { color: '#748b9e', fontSize: '14px', fontFamily: 'Roboto, sans-serif', fontWeight: 'normal' }, margin: 50, itemHoverStyle: { color: '#fff' }, symbolRadius: 0 }, series: [{ priority: 'Urgent', value: [5, 1, 5, 2, 3, 5, 3, 3, 4, 2, 3, 5, 5, 2, 1, 5, 4, 4, 2, 3, 4, 2, 2, 3, 1, 4, 2, 1, 3, 5], color: '#f75c4c', stack: 'done' }, { priority: 'High', value: [2, 5, 1, 3, 5, 4, 2, 2, 1, 5, 1, 4, 2, 4, 5, 2, 1, 5, 2, 5, 1, 3, 1, 3, 4, 2, 1, 3, 2, 5], color: '#ffa841', stack: 'done' }, { priority: 'Middle', value: [5, 4, 2, 1, 4, 4, 4, 4, 4, 1, 1, 4, 1, 2, 5, 2, 4, 5, 3, 1, 5, 3, 5, 2, 3, 3, 1, 3, 2, 5], color: '#fddc43', stack: 'done' }, { priority: 'Low', value: [4, 3, 3, 1, 1, 5, 3, 3, 4, 3, 4, 2, 1, 2, 5, 2, 4, 5, 4, 2, 2, 5, 2, 5, 1, 1, 1, 1, 1, 3], color: '#1abc9c', stack: 'done' }, { priority: 'Failed', value: [1, 5, 1, 2, 3, 1, 2, 5, 5, 1, 5, 3, 3, 5, 2, 2, 1, 4, 4, 2, 4, 4, 3, 1, 2, 2, 1, 1, 3, 3], color: '#8da5b8', stack: 'failed' }] });