bar works - 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_chartAtaFreqBySubAta = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'bar',
height: 285,
},
title: {
text: 'Frequency By Sub ATA'
},
subtitle: {
text: 'validated_ata (27)'
},
xAxis: {
categories: ['MISCELLANEOUS FLIGHT CONTROL COMPONENT (No. 9)','RUDDER AND TAB (No. 20)','RUDDER AND RUDDER TRIM CONTROL SYSTEM (No. 21)','RUDDER HYDRAULIC PRESSURE (No. 23)','ELEVATOR AND TAB CONTROL SYSTEM (No. 31)','STALL WARNING SYSTEM (No. 32)','HORIZONTAL STABILIZER TRIM CONTROL SYSTEM (No. 41)','TRAILING EDGE FLAP SYSTEM (No. 51)','TRAILING EDGE FLAP POSITION INDICATION SYSTEM (No. 58)','FLIGHT SPOILER CONTROL SYSTEM (No. 61)','SPEED-BRAKE CONTROL SYS (No. 62)','LEADING EDGE FLAP AND SLAT CONTROL SYSTEM (No. 81)','LEADING EDGE FLAP AND SLAT POSITION INDICATING SYSTEM (No. 88)'],
title: {
text: 'Sub ATA'
},
labels: {
style: {
width: '12000px'
}
}
},
yAxis: {
min: 0,
title: {
text: 'Count',
align: 'high'
}
},
tooltip: {
formatter: function() {
return ''+
this.series.name +': '+ this.y +' Count';
}
},
plotOptions: {
bar: {
...