bar broken 1
by no1uknow
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
$('#container').highcharts({
chart: {
renderTo: 'container',
width: Sub-ATA,
height: 360,
type: 'bar'
},
title: {
text: 'Frequency By Delay Code'
},
subtitle: {
text: '20 (11)'
},
xAxis: {
categories: ['46','46A','47','49M','54','72A'],
title: {
text: 'Delay Code'
}
},
yAxis: {
min: 0,
title: {
text: 'Minutes',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
formatter: function() {
return ''+
this.series.name +': '+ this.y +' Minutes';
}
},
plotOptions: {
bar: {
dataLabels: {
enabled: true
}
},
series: {
/* pointWidth: 12, */
pointPadding: 0,
groupPadding: 0,
borderWidth: 1,
shadow: true
}
},
legend: {
layout: 'horizontal',
align: 'center',
verticalAlign: 'bottom',
floating: false,
borderWidth: 1,
backgroundColor: '#FFFFFF',
shadow: true,
labelFormatter: function() {
return '<div class="' + this.name + '-arrow"></div><span style="font-family: \'Advent Pro\', sans-serif; font-size:12px">' + this.name +'</span><br/><span style="font-size:10px; color:#ababaa"> Total: ' + this.options.total + '</span>';
}
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
series: [{
name: 'A-Check',
total: '0',
data: [null,null,null,null,null,null]
},{
name: 'C-Check',
total: '0',
data: [null,null,null,null,null,null]
},{
name: 'MAINT',
total: '412',
data: [174,115,null,24,null,99]
},{
name: 'PIREP',
total: '610',
data: [166,null,35,362,47,null]
},]
});
});