JavaScript
Highcharts.chart('container', {
chart: {
type: 'bar'
},
title: {
text: 'Current Mobilization'
},
subtitle: {
text: 'Mobilization',
style: {
fontSize: '14px',
fontFamily: 'Verdana, sans-serif'
},
x:-150
},
xAxis: {
categories: ['DDU-GKY', 'DAY-NULM', 'PMKVY', 'DGT-MES', 'MoLE','MNREGA','MSDE','NSDC','NSDA','Ajeevika']
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
yAxis: [{
min: 0,
title: {
text: ''
}
}, {
title: {
text: ''
},
opposite: true
}],
legend: {
shadow: false
},
tooltip: {
shared: true
},
plotOptions: {
bar: {
grouping: false,
shadow: false,
borderWidth: 0
}
},
series: [{
name: 'Target',
showInLegend: false,
color: '#0f9cff',
data: [
['DDU-GKY', 5000],
['DAY-NULM', 5000],
['PMKVY', 5000],
['DGT-MES',5000],
['MoLE', 5500],
['MNREGA', 7000],
['MSDE',5000],
['NSDC', 4500],
['NSDA', 5000],
['Ajeevika',3800],
],
pointPadding: 0.1,
pointPlacement: -0.2
},{
name: 'Achived',
showInLegend: false,
color: '#8deaf9',
data: [
['DDU-GKY', 4200],
['DAY-NULM', 3000],
['PMKVY', 4800],
['DGT-MES',4400],
['MoLE', 4900],
['MNREGA', 3200],
['MSDE',3200],
['NSDC', 4400],
['NSDA', 4700],
['Ajeevika',2900],
],
pointPadding: 0.4,
pointPlacement: -0.2
}]
});